![image](/pic/19676e0d-4a0c-4751-a173-5f90a49423ae.jpg)
携帯ドットマトリクス表示器「ドッター」
ドッターは、8x16ドットのLEDマトリクスをマイコンで制御するデバイスです。 ドット絵のアニメーシ…
![image](/pic/cad90543-fc8a-42b0-b3fb-735e4e1b5f35.png)
DOKO
呟きした場所を友人と共有するマップ型SNSです。
![image](/pic/304bd6a9-10b7-4e6a-88e1-882aa6c512fa.png)
休日の癒やしに、いつもと違う動画を見ませんか
動画をまったり眺めるのが休日の癒やしだが、おすすめ動画には偏りがあって、いつもと変わらずでつま…
![image](/pic/3e5b199c-31ef-49e5-be53-2a628efad99f.png)
パックちゃんが生まれたよ
平日なかなか時間を取ることが難しい顔パック。私は、休日にゆったり顔パックをすると心も身体もとて…
![image](/pic/83b07aec-004e-4fef-95ac-d7aeb0cb2241.png)
坐禅姿勢チェッカー
自分の坐禅の姿勢が良ければかわいいダンスに癒されます。 自分の姿勢が悪ければ自分の顔が映しださ…
![image](/pic/4dcd5bf9-5e6e-4620-b919-1b4e592e1862.jpg)
100均で売っている空気が吹き出るアイテムを入力インターフェースにする(マイクを利用)
100均で売っている「空気ポンプ」や「ピコピコハンマー」の空気の吹き出し口にマイクをあて、それら…
![image](/pic/f3023644-f94d-4ea4-ba2c-0df862cdcd66.png)
大リーグ養成リハビリギプス Major League Rehab
腕や脚などを骨折してしまった人必見!辛いリハビリを、楽チンに長続きできるよう寄り添うデバイスで…
![image](/pic/d1f35c6f-55cb-4713-b780-e25e4b923b2f.jpg)
Nintendo Switch の Joy-Con の傾きと Babylon.js の描画との連動
Nintendo Switch の Joy-Con の傾きを WebHID API で取得して、それを Babylon.js の球の高さと連動…
![image](/pic/e60c74b7-a764-4cc3-acaa-d6db41605933.jpg)
Nintendo Switch の Joy-Con の傾きを p5.js の描画と連動させる
Nintendo Switch の Joy-Con の傾きを WebHID API で取得して、それを p5.js の線の描画の向きと連動…
![image](/pic/a4b81aa1-acf9-4caf-bfb8-2ef988fc50ff.png)
都道府県を川だけで描いてみた!
日本の川は細く長いのが特徴です。山から流れ出した流れは、どこかの海、海岸にたどり着きます。いか…
![image](/pic/a3b214d1-611c-492d-8086-488a692e9baf.jpg)
Vanta.js の BIRDS の描画を p5.js に取り込んでカメラ画像の描画などと組み合わせ
Vanta.js というライブラリのエフェクトの1つ「BIRDS」を p5.js でのカメラ画像の描画などと組み合わ…
![image](/pic/d73352f7-a87c-49cb-8781-ad3774584d47.jpg)
音を奏でて toio を動かす!(p5.js・ml5.js・p5.toio を用いたバージョン)
以前 2020年に、つくばや東京のメーカーフェアに出展した「音で toio を操る作品」の、実装をある AP…
![image](/pic/9cb4d43c-4c94-49f3-9925-6ff22fdd9f56.jpg)
炎を召喚したり操ったりする能力を身につけた気になれるWebアプリ:p5.jsでカスタムシェーダー
p5.jsの「createFilterShader()」でのカスタムシェーダーで、ゆらめく炎の見た目を作り、さらにカメ…
![image](/pic/bba545e1-b1dd-42fe-8566-4335fcf8f355.jpg)
p5.js のカスタムシェーダーによる炎の描画を規則的に配置して時間変化させる
p5.js の createFilterShader() を使ったカスタムシェーダーによる炎の描画を、規則的に配置して時間…
![image](/pic/773b5d2a-53b4-4902-9edd-ad7df69e74f9.jpg)
p5.js のカスタムシェーダーによる炎の描画にブラーフィルター・2重表示などを組み合わせる
p5.js の createFilterShader() を使ったカスタムシェーダーによる炎の描画に、ブラーフィルター・2…
![image](/pic/dab85cf5-3913-4578-b257-e0566326cc6f.jpg)
太陽を召喚する能力を得た気分になれる Webアプリ(Babylon.js + p5.js で実装)
Babylon.js の Particle Helper を使った描画を p5.js の WEBGLモードのキャンバスに描画し、p5.js側…
![image](/pic/981babd8-9fd4-46cd-9b64-6f0a4ac0fc29.jpg)
手から炎を出す能力を身につけた気になれるかもしれないWebアプリ:p5.jsでカスタムシェーダー
p5.jsのフィルター用シェーダー「createFilterShader()」でのカスタムシェーダーで、ゆらめく炎みた…
![image](/pic/aec31951-d90a-4fb9-abca-2bfd29b3945b.jpg)
p5.js の WEBGLモードのキャンバスで三角関数の揺れなどを加えた舞い散る雪のアニメーション
p5.js の WEBGLモードのキャンバスで、y方向の重力・y方向と垂直な方向の風の影響と、y方向に垂直な …
![image](/pic/b1814dd8-3a7c-4f2e-ab35-637d969805b7.jpg)
たかが朝活されど朝活
朝活って憧れるけどなかなか続けられないですよね。 簡単なことでもいいから続けてみませんか! 朝…
![image](/pic/65be2c94-5d1b-4eac-b7be-d93e71a77f77.png)
多関節デフォルメ2足歩行AIロボット「AIパワー君」
ブラウザやアナログコントローラーで操作出来る二足歩行ロボットです。ChatGPTとの音声会話、及び音…
![image](/pic/81ecd6ee-1d9f-45a4-b198-cd321deb7cc3.jpg)
【2024年 🎍正月向け】p5.js のアニメーションで干支の切り替わり @ 大晦日ハッカソン
p5.js で、読み込んだ画像をたくさんのパーツにスライスして分解するような表示をさせ、その個々のパ…
![image](/pic/eb43b9cf-d455-4fbe-bb3a-eae840fcb3ce.jpg)
さわれるAR
ARに触覚デバイスを組み合わせて、スマホ画面に写っているだけで実在感のないARに触れているような感…
![image](/pic/1ddf369a-6268-470c-beda-4c944eb0b3f3.png)
煽りみくじ
年始に友達に使ってもらうことで大事な友達を失うものになります。 おみくじというわりと楽しみにし…
![image](/pic/b13ec63d-c2f0-4c15-aba5-3ddf2875fd76.png)
お金...無駄...沼賽銭...!
お金の無駄になる賽銭...沼賽銭...全然入らない...熱くなればなるほどプロペラが行く手を阻む... イ…
![image](/pic/709a9db1-e8c4-4969-b3c5-aed9f40f0fb4.png)
CRDS
展示会の混雑検知システム
![image](/pic/61082dc6-da61-4c13-bb44-183a49e1b937.jpg)
ヒノカミAR其ノ弐 / hinokamiAR2
チャンバラごっこを盛り上げるカメラアプリが、パワーアップして帰ってきた! 周りに気を付けながら…
![image](/pic/1017c17d-79d0-4de9-a104-54a6cf878ba9.jpg)
Harlam 〜推しとの子どもを妊娠できるアプリ〜
推しの顔画像を使って、推しの赤ちゃんを妊娠した気分になれます。
![image](/pic/052b1bed-79dd-48e4-9e63-9f279c32c865.jpg)
ブラウザのウィンドウの動きが p5.js の描画に影響を及ぼすものをシンプルな実装で試す
ブラウザのウィンドウの動きが p5.js の描画に影響を及ぼすものをシンプルな実装で試しました
![image](/pic/9c33082e-2495-4252-9a01-01274dc79a7c.jpg)
2つのブラウザのウィンドウのうち一方を動かすと他方が影響を受ける仕組みを p5.js で雑に試す
「1つのブラウザをスクリーン上で動かした際に、それを画面内の描画に影響させる」、「2つのブラウザ…
![image](/pic/bf451d7e-723a-4dfd-95ee-d90462fb771e.jpg)
誰でも天才(?)演奏家
obnizに付けたセンサーから取得した値を音色に変換し、 リアルタイムで音楽を奏でることができます!