
【2025年】 minacoding Day17「梅雨をコードで表現」を p5js で作る
毎日設定されているお題にそって作品を作る minacoding というイベントの 2025年版で、17日目のお題…

【2025年】 minacoding Day6「架空の生き物」を p5js で作る
毎日設定されているお題にそって作品を作る minacoding というイベントの 2025年版で、6日目のお題「…

【2025年】 minacoding Day5「朝一番にコードを描く」を p5js で作る
毎日設定されているお題にそって作品を作る minacoding というイベントの 2025年版で、5日目のお題「…

【2025年】 minacoding Day4「ランダムを使ったコード」を p5js で作る
毎日設定されているお題にそって作品を作る minacoding というイベントの 2025年版で、4日目のお題「…

【2025年】 minacoding Day2「自分なりのケーキ」を p5js で作る
毎日設定されているお題にそって作品を作る minacoding というイベントの 2025年版で、2日目のお題「…

【2025年】 minacoding Day1「円だけを使った描画」を p5js で作る
毎日設定されているお題にそって作品を作る minacoding というイベントの 2025年版で、1日目のお題「…

太鼓型のコントローラーの入力に反応する輝くパーティクル(p5.jsでの描画) 【試作版】
太鼓の達人用コントローラーや100均の空気ポンプでの入力に反応する輝くパーティクルです。パーティ…

p5.js のカスタムシェーダーでインタラクティブなパーティクル:円状に拡がるアニメーション描画
p5.js のカスタムシェーダーでインタラクティブなパーティクルの描画を作ったものです。中心から円状…

p5.js のカスタムシェーダーでインタラクティブな光るパーティクル・拡がる円のエフェクト描画
p5.js のカスタムシェーダーでインタラクティブな光るパーティクルの描画を作っていたのですが、そこ…

太鼓型のコントローラーや100均の空気ポンプでの入力に反応する輝くパーティクル(p5.jsでの描画)
太鼓の達人用コントローラーや100均の空気ポンプでの入力に反応する輝くパーティクルです。パーティ…

p5.js のカスタムシェーダーでインタラクティブな光るパーティクル描画
p5.js のカスタムシェーダーを使った光るパーティクル描画で、キー操作で一部のパーティクルが外方向…

エクリチュールの声、またはLLMのアンチテーゼ
「エクリチュールの声」という過去にp5.jsで作った作品を、誰でも体験可能なWebアプリにしました。

ステアラ -Station Alarm-
電車での乗り過ごし・寝過ごしを防止するアプリ。車内アナウンスを音声認識して駅の手前でお知らせす…

あつあつフロア〜観客の反応や演者の動きに合わせて変化する演出装置〜
観客反応や演者の動きによってスクリーンにスポットライトキラキラ、炎など特定の演出が投影されるイ…

ひとりでおきれるもん
誰にも迷惑をかけることなく居眠りをしなくなり、様々な罰やご褒美でモチベーションUP!できる居眠り…

100均の空気ポンプや太鼓型のコントローラーで toio を動かす(ブラウザでの処理)
小さなロボットの toio を、ブラウザ経由で制御する際に、100均の空気ポンプや太鼓型のコントローラ…

太鼓の達人用コントローラーを叩くほど自分の姿が透明になっていく...
太鼓の達人用コントローラーを叩くほど、自分の姿がだんだんと透明になっていく...という作品を作り…

p5.js でシェーダーを使った画像フィルターと何かの外枠を作って Webカメラ映像と組み合わせる
p5.js でシェーダーを使った画像フィルター(シェーダーの処理は自前で実装)と、何かの外枠を作って…

チームhp 誰もが抱える闇を吐き出せる掲示板「吐き溜め」
誰もが抱える闇を吐き出せる掲示板「吐き溜め」 心の奥底に潜む、誰もに言えない憎悪、妬み、嫉妬を…

100均で売っている空気が吹き出るアイテムを入力インターフェースにする(マイクを利用)
100均で売っている「空気ポンプ」や「ピコピコハンマー」の空気の吹き出し口にマイクをあて、それら…

Nintendo Switch の Joy-Con の傾きを p5.js の描画と連動させる
Nintendo Switch の Joy-Con の傾きを WebHID API で取得して、それを p5.js の線の描画の向きと連動…

Vanta.js の BIRDS の描画を p5.js に取り込んでカメラ画像の描画などと組み合わせ
Vanta.js というライブラリのエフェクトの1つ「BIRDS」を p5.js でのカメラ画像の描画などと組み合わ…

音を奏でて toio を動かす!(p5.js・ml5.js・p5.toio を用いたバージョン)
以前 2020年に、つくばや東京のメーカーフェアに出展した「音で toio を操る作品」の実装を、ある AP…

p5play の物理演算エンジンと p5.js のカスタムシェーダーでのグローエフェクト
p5play の物理演算エンジンを使って行った p5.js の描画で、円弧の形状の床の上を転がる円に createF…

炎を召喚したり操ったりする能力を身につけた気になれるWebアプリ:p5.jsでカスタムシェーダー
p5.jsの「createFilterShader()」でのカスタムシェーダーで、ゆらめく炎の見た目を作り、さらにカメ…

p5.js のカスタムシェーダーによる炎の描画を規則的に配置して時間変化させる
p5.js の createFilterShader() を使ったカスタムシェーダーによる炎の描画を、規則的に配置して時間…

p5.js のカスタムシェーダーによる炎の描画にブラーフィルター・2重表示などを組み合わせる
p5.js の createFilterShader() を使ったカスタムシェーダーによる炎の描画に、ブラーフィルター・2…

太陽を召喚する能力を得た気分になれる Webアプリ(Babylon.js + p5.js で実装)
Babylon.js の Particle Helper を使った描画を p5.js の WEBGLモードのキャンバスに描画し、p5.js側…

手から炎を出す能力を身につけた気になれるかもしれないWebアプリ:p5.jsでカスタムシェーダー
p5.jsのフィルター用シェーダー「createFilterShader()」でのカスタムシェーダーで、ゆらめく炎みた…

p5.js の WEBGLモードのキャンバスで三角関数の揺れなどを加えた舞い散る雪のアニメーション
p5.js の WEBGLモードのキャンバスで、y方向の重力・y方向と垂直な方向の風の影響と、y方向に垂直な …