Bocco emo ミニシアター
Bocco emo で複数のキャラの声や効果音を使ったストーリーが繰り広げられるミニシアター
「片手／両手の親指と人差し指でつまむ動作」で流体の見た目を操るインタラクション【元ネタあり】
PavelDoGreat/WebGL-Fluid-Simulationのリポジトリで公開されている流体の見た目を、p5.jsのキャンバスで動かした試作に、AIによる両手の認識を使った機能を加えました
ブラウザ上でAI・機械学習と描画処理でインタラクティブな「透明マント・光学迷彩」- 【2025】
両手の親指と人差し指で囲まれた領域で「光学迷彩・透明マント的なエフェクト」を出す、インタラクティブな体験型展示です。カメラ画像に対するAI・機械学習処理と描画ライブラリによる描画で実装しました。
リングコン・サオコン・toio・パーティクル描画を組み合わせた体験型展示【2025/10】
リングコン・サオコン・toio・パーティクル描画を組み合わせた体験型展示です
p5.js Web Editor上で流体の見た目を両手で操るインタラクションの試作【元ネタあり】
PavelDoGreat/WebGL-Fluid-Simulationのリポジトリで公開されている流体の見た目を、p5.jsのキャンバスで動かした試作に、AIによる両手の認識を使った機能を加えました
p5.js Web Editor上で流体の見た目のやつを動かしてみる【元ネタあり】
元ネタでPavelDoGreat/WebGL-Fluid-Simulationというリポジトリで公開されているものがあり、その処理をp5.js Web Editor上のsketch.jsで動かしました
ルーレットコントローラー 2台を同時にブラウザで扱う： Web HID API ＋ p5.js
人生ゲーム for Nintendo Switch専用ルーレットコントローラーの数字の取得と描画を、ブラウザ上の JavaScript のみでやってみつつ、それを 2台同時にやってみたものです
ルーレットコントローラーをブラウザで扱う：Web HID API で取得して p5.js で可視化
人生ゲーム for Nintendo Switch専用ルーレットコントローラーの数字の取得と描画をブラウザ上の JavaScript のみでやってみた、というものです（数字の取得は Web HID）
MacBook の画面の開閉を可視化：Web HID API で取得して p5.js で可視化する
X で見た MacBook のパネルのヒンジの角度を Macアプリで使うという作品について、コードを見たら HID で取得する実装のようだったので、ブラウザの Web HID API で使ってみました
M5 GraviTimer： 回転させて／傾けて使う自動開始のタイマー【M5Stack】
M5Stack Core2 の底面・上面・片側の側面を地面に置くと、その時のデバイスの向きによって、異なる規定の時間でのカウントダウンが自動で始まるタイマーです
サオコン・100均の空気ポンプ・toio・パーティクル描画を組み合わせた体験型展示
サオコン・100均の空気ポンプ・toio・パーティクル描画を組み合わせた体験型展示です
サオコン・太鼓型コントローラー・100均の空気ポンプの入力に反応するパーティクル：p5.jsでの描画
サオコンや太鼓の達人用コントローラー、100均の空気ポンプでの入力に反応する輝くパーティクルです。パーティクルはp5.jsで描画しています。
サオコン ＋ Joy-Con を Scratch と連動させてみた（ブラウザの拡張機能自作による）
Nintendo Switch の釣りゲーム用のコントローラー「サオコン（＋ Joy-Con）」を、Scratch と連動させてみました。実現方法は、ブラウザの拡張機能の自作です。
【2025年】 minacoding Day21「枠線などの線だけでの描画」をルーレット型デバイスで
毎日設定されているお題にそって作品を作る minacoding というイベントの 2025年版で、21日目のお題「枠線などの線だけでの描画」の作品として投稿したものです
【2025年】 minacoding Day29「思いきりカラフルに」をリングコンで
毎日設定されているお題にそって作品を作る minacoding というイベントの 2025年版で、29日目のお題「思いきりカラフルに」の作品として投稿したものです
サオコン ＋ Joy-Con を p5.js の描画と連動させてみた：Gamepad API を利用
サオコン ＋ Joy-Con を p5.js の描画と連動させてみた試作です。Gamepad API を利用してブラウザとの連動を実現しています。
【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 のカスタムシェーダーでインタラクティブな光るパーティクル・拡がる円のエフェクト描画
p5.js のカスタムシェーダーでインタラクティブな光るパーティクルの描画を作っていたのですが、そこに馴染むように拡がる円のエフェクトをシェーダーでの描画に加えてみました
太鼓型のコントローラーや100均の空気ポンプでの入力に反応する輝くパーティクル（p5.jsでの描画）
太鼓の達人用コントローラーや100均の空気ポンプでの入力に反応する輝くパーティクルです。パーティクルはp5.jsで描画しています。
p5.js のカスタムシェーダーでインタラクティブな光るパーティクル描画
p5.js のカスタムシェーダーを使った光るパーティクル描画で、キー操作で一部のパーティクルが外方向に跳ねるような動きをしたり、マウスカーソルを左右に動かすと軌跡が変わったりします
Seeed SenseCAP Watcher で人を検出したら LINEアプリに通知
Seeedさんの「SenseCAP Watcher W1-A」と、そのデバイス用の Node-RED のノードを組み合わせ、さらに LINE用ノードを使って「人検出 ⇒ アプリ通知」という仕組みを作成
ビジュアルプログラミングと振動するガジェットで楽しむ科学実験遊び
子どもが学びを得つつ楽しめる「科学実験遊び」。その科学実験の部分に、ビジュアルプログラミング・ガジェットの要素をコラボさせてみた試みです。
100均の空気ポンプや太鼓型のコントローラーで toio を動かす（ブラウザでの処理）
小さなロボットの toio を、ブラウザ経由で制御する際に、100均の空気ポンプや太鼓型のコントローラーによる物理的入力を toio を動かすきっかけに使います
