material

p5.js

image

サオコン・太鼓型コントローラー・100均の空気ポンプの入力に反応するパーティクル:p5.jsでの描画

サオコンや太鼓の達人用コントローラー、100均の空気ポンプでの入力に反応する輝くパーティクルです…

開発中 visibility 97 thumb_up_alt 1 comment 0
image

【2025年】 minacoding Day21「枠線などの線だけでの描画」をルーレット型デバイスで

毎日設定されているお題にそって作品を作る minacoding というイベントの 2025年版で、21日目のお題…

完成 visibility 94 thumb_up_alt 0 comment 0
image

【2025年】 minacoding Day29「思いきりカラフルに」をリングコンで

毎日設定されているお題にそって作品を作る minacoding というイベントの 2025年版で、29日目のお題…

完成 visibility 92 thumb_up_alt 0 comment 0
image

サオコン + Joy-Con を p5.js の描画と連動させてみた:Gamepad API を利用

サオコン + Joy-Con を p5.js の描画と連動させてみた試作です。Gamepad API を利用してブラウザと…

開発中 visibility 118 thumb_up_alt 0 comment 0
image

PixTuneBox

思い出から音楽を奏でる、終わらないオルゴール。 カメラから画像を読み取り、ピクセル情報に応じて…

開発中 visibility 141 thumb_up_alt 3 comment 0
image

【2025年】 minacoding Day17「梅雨をコードで表現」を p5js で作る

毎日設定されているお題にそって作品を作る minacoding というイベントの 2025年版で、17日目のお題…

完成 visibility 135 thumb_up_alt 1 comment 2
image

【2025年】 minacoding Day6「架空の生き物」を p5js で作る

毎日設定されているお題にそって作品を作る minacoding というイベントの 2025年版で、6日目のお題「…

完成 visibility 125 thumb_up_alt 0 comment 0
image

【2025年】 minacoding Day5「朝一番にコードを描く」を p5js で作る

毎日設定されているお題にそって作品を作る minacoding というイベントの 2025年版で、5日目のお題「…

完成 visibility 88 thumb_up_alt 0 comment 0
image

【2025年】 minacoding Day4「ランダムを使ったコード」を p5js で作る

毎日設定されているお題にそって作品を作る minacoding というイベントの 2025年版で、4日目のお題「…

完成 visibility 88 thumb_up_alt 0 comment 0
image

【2025年】 minacoding Day2「自分なりのケーキ」を p5js で作る

毎日設定されているお題にそって作品を作る minacoding というイベントの 2025年版で、2日目のお題「…

完成 visibility 92 thumb_up_alt 0 comment 0
image

【2025年】 minacoding Day1「円だけを使った描画」を p5js で作る

毎日設定されているお題にそって作品を作る minacoding というイベントの 2025年版で、1日目のお題「…

完成 visibility 144 thumb_up_alt 2 comment 0
image

太鼓型のコントローラーの入力に反応する輝くパーティクル(p5.jsでの描画) 【試作版】

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

開発中 visibility 178 thumb_up_alt 0 comment 0
image

p5.js のカスタムシェーダーでインタラクティブなパーティクル:円状に拡がるアニメーション描画

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

開発中 visibility 180 thumb_up_alt 0 comment 0
image

p5.js のカスタムシェーダーでインタラクティブな光るパーティクル・拡がる円のエフェクト描画

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

開発中 visibility 193 thumb_up_alt 0 comment 0
image

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

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

開発中 visibility 334 thumb_up_alt 1 comment 0
image

p5.js のカスタムシェーダーでインタラクティブな光るパーティクル描画

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

開発中 visibility 337 thumb_up_alt 0 comment 0
image

エクリチュールの声、またはLLMのアンチテーゼ

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

完成 visibility 412 thumb_up_alt 0 comment 0
image

ステアラ -Station Alarm-

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

完成 visibility 264 thumb_up_alt 5 comment 0
image

あつあつフロア〜観客の反応や演者の動きに合わせて変化する演出装置〜

観客反応や演者の動きによってスクリーンにスポットライトキラキラ、炎など特定の演出が投影されるイ…

完成 visibility 138 thumb_up_alt 5 comment 0
image

ひとりでおきれるもん

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

完成 visibility 157 thumb_up_alt 2 comment 0
image

100均の空気ポンプや太鼓型のコントローラーで toio を動かす(ブラウザでの処理)

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

完成 visibility 415 thumb_up_alt 1 comment 0
image

太鼓の達人用コントローラーを叩くほど自分の姿が透明になっていく...

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

開発中 visibility 137 thumb_up_alt 0 comment 0
image

p5.js でシェーダーを使った画像フィルターと何かの外枠を作って Webカメラ映像と組み合わせる

p5.js でシェーダーを使った画像フィルター(シェーダーの処理は自前で実装)と、何かの外枠を作って…

完成 visibility 326 thumb_up_alt 2 comment 2
image

チームhp 誰もが抱える闇を吐き出せる掲示板「吐き溜め」

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

開発中 visibility 320 thumb_up_alt 0 comment 0
image

100均で売っている空気が吹き出るアイテムを入力インターフェースにする(マイクを利用)

100均で売っている「空気ポンプ」や「ピコピコハンマー」の空気の吹き出し口にマイクをあて、それら…

開発中 visibility 394 thumb_up_alt 2 comment 0
image

Nintendo Switch の Joy-Con の傾きを p5.js の描画と連動させる

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

開発中 visibility 157 thumb_up_alt 0 comment 0
image

Vanta.js の BIRDS の描画を p5.js に取り込んでカメラ画像の描画などと組み合わせ

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

開発中 visibility 188 thumb_up_alt 0 comment 0
image

音を奏でて toio を動かす!(p5.js・ml5.js・p5.toio を用いたバージョン)

以前 2020年に、つくばや東京のメーカーフェアに出展した「音で toio を操る作品」の実装を、ある AP…

完成 visibility 786 thumb_up_alt 11 comment 2
image

p5play の物理演算エンジンと p5.js のカスタムシェーダーでのグローエフェクト

p5play の物理演算エンジンを使って行った p5.js の描画で、円弧の形状の床の上を転がる円に createF…

開発中 visibility 236 thumb_up_alt 0 comment 0
image

炎を召喚したり操ったりする能力を身につけた気になれるWebアプリ:p5.jsでカスタムシェーダー

p5.jsの「createFilterShader()」でのカスタムシェーダーで、ゆらめく炎の見た目を作り、さらにカメ…

開発中 visibility 199 thumb_up_alt 0 comment 0