インタラクティブデザイン
しりとリリック
しりとりをビジュアル化する新感覚ゲーム 発した言葉をリアルタイムで音声認識し、リリックビデオ風のエフェクトとともに画面に描画します 徐々に早くなるリズムに合わせて、何回言葉をつなげられるかチャレンジ！
ハピハピ メガネ
このメガネをかけると、見るものすべてが素敵で可愛く見えます！誰もが笑顔になり、街中がハッピーで満たされます。朝から気分が良くなり、「素敵な一日を過ごせたら」と思えるメガネです。
オノマトペ可視化によるマンガ的観戦拡張
本企画は、マンガのオノマトペをARとして現実に描写することで、体験者の観戦体験を拡張することを目的としています。
エフェクト投影システム「Beysion」
ベイブレードの対戦に合わせて軌跡などのエフェクトを投影するシステムです。タッチテーブルの技術を応用しています。
p5.js でグローエフェクトと明るさ・カラーのグラデーションを組み合わせる描画の試作
p5.js でグローエフェクトを適用するオブジェクトで、そのエフェクトの明るさ調整やカラーのグラデーションによる色付けを組み合わせる描画の試作です
ユニティちゃんARデビルハンターズ！- 体感型 超爽快 斬撃アクションバトル
ARで等身大サイズのユニティちゃんと100m近い距離を実際に動き回りながら、大量の悪魔を退治していく体感型ARゲーム！ 新VRデバイスMeta Quest ProのAR機能(パススルー)使用！
ブラウザ上での機械学習と描画処理でインタラクティブな「透明マント・光学迷彩」
「両手の親指と人差し指で囲まれた領域は、人の後ろの背景が見える」という光学迷彩・透明マント的なエフェクトを、カメラ画像に対する機械学習処理と描画ライブラリによる描画で実装しました
多方向に光が拡散するテキスト用エフェクトを作ってみた： p5.js で実装した画像処理
元々、ブラーフィルタと p5.js での画像合成を組み合わせてグローエフェクトを試作していたものがあり、それを応用して単純に光るだけではないエフェクトを作ってみました
光る軌跡でパーティクル発光： ブラーフィルターと合成処理を使った p5.js でのグローエフェクト
p5.js を使った描画処理で、ブラーフィルターと合成処理を組み合わせたグローエフェクトを試作していて、その中の 1つです。マウスカーソルの軌跡・その付近でエフェクトが発生する実装です。
あまもりカルテット
【拡張された「あまもり」と遊ぶインスタレーション】 上手にキャッチするといろんな音が滲む、不思議な「あまもり」
フェイス スマッシュ
Facebookカメラエフェクトに男子大喜びなコンテンツを作ってみました！
「Study Link」ー "イチ"日も無駄にしない持続するラーニング！
スケジュール管理、チャットボット、スマホ使用防止機能などを搭載したスマートランプです。スケジュール管理が苦手な学生や時間に限りがある社会人のために開発しました。高校３年生のチーム(計4名)で制作中。
右手法による迷宮脱出シミュレーター
RPGでお馴染の迷路を「壁の右手を伝っていけば、いつかゴールに辿り着く」という噂?をシミュレータを使って目に見える動きで検証できるようにしました。初級、中級、上級レベルあり。移動速度も変えられます。
消防用ガンタイプノズル取扱シミュレーションゲーム
消防団訓練用のガンタイプノズル取り扱い訓練シミュレーターです。 横浜市民防災センターにある『火災シミュレーター』を参考にして開発しています。 消防イベントで使用するために開発しました。
FLUX — Pure Go + GPU + インタラクティブ・パーティクルインタラクション！
Pure GoとGio UIのみでGPUを限界まで駆動するリアルタイム粒子インタラクション！カメラの前に立ち手をかざすと銀河状の粒子群が応答し流れを指揮するような没入体験を実現したかった…供養完成作品
インタラクティブに空間を歪ませるエフェクトを出せるWebアプリ
片手の親指・人差し指をくっつける動作をしたり、両手を画面内で動かしたりする動作により、インタラクティブに空間を歪ませるエフェクトを出せるWebアプリです
WAKATO | Living Planet Portfolio
現実の天気と空模様がリアルタイムに同期する。作品ごとに異なる「世界」を体感できるよう、WebGLによるリッチな画面遷移にこだわった没入型3Dポートフォリオです。
Romancing Train -Re:Sound-
Nゲージ鉄道模型の走行位置をToFセンサーで計測し、映像と音楽が連動するインタラクティブ・インスタレーション。センサー1個で7シーンを切替。大人のためのデジタル絵本。
スマホで参加できるインタラクティブアート
スマートフォンを「魔法の杖」に変え、最大8人で同時に光の軌跡を描くインタラクティブアート作品です。参加者がスマホを振ると、画面上の光の粒子がリアルタイムに反応し、美しい軌跡を残しながら漂います。
Bullet Hell Battle
「Bullet Hell Battle」は弾幕STGのシステムを対戦ゲームに落とし込むことによって、 「避けながら撃つ」という全く新しい体験を楽しめるゲームです。
インタラクティブな多段階の光学迷彩／透明マントエフェクトが体験できるWebアプリ
p5.js と MediaPipe を組み合わせて、インタラクティブな多段階の光学迷彩／透明マントエフェクトが体験できるWebアプリを作りました
Romancing Train - 夢見る列車 影絵×センサー×プロジェクションマッピングによるイン
静止した列車模型が落とす影に、走り続ける列車の夢を映し出す。 影絵の「静」とプロジェクションの「動」が融合した体験型作品。
FACEBREAK
顔で操作する「新感覚 ブロック崩し」 コロナ禍を経た遠い未来。人間はAIの支配により感情を失っていた。 ゲームによって表情を動し、感情を取り戻せ！
計算機が編む信仰
AI同士が対話を重ねて新たな宗教を生成する儀式的装置を通じ、人間中心主義を超えたテクノロジーのあり方を問うインスタレーション。
Touch 4 Music : 1人でも複数同時演奏できるシンセアプリ
1人でも複数のシンセサイザーを同時に演奏できるウェブアプリです。 タッチパネルを使って、4つの楽器(CHORD/LEAD/BASS/DRUM)を扱えます。
ブラウザ上でAI・機械学習と描画処理でインタラクティブな「透明マント・光学迷彩」- 【2025】
両手の親指と人差し指で囲まれた領域で「光学迷彩・透明マント的なエフェクト」を出す、インタラクティブな体験型展示です。カメラ画像に対するAI・機械学習処理と描画ライブラリによる描画で実装しました。
Roamloid
「1 体の 3D キャラが“端末をまたいで移動することで存在している感”を出す」ことをゴールにしたプロジェクト
お寿司🍣deピアノ〜横長サイネージをHackしてゲーミングピアノにしてみた！
🍣屋でよく見るデジタルサイネージ(android8.0スピーカなし)をhackしゲーミングピアノに！C++ネイティブ処理で軽く！3コース13曲寿司が流れる音ゲー兼デモ演奏も！これがほんとの🍣寿司打
p5.js Web Editor上で流体の見た目を両手で操るインタラクションの試作【元ネタあり】
PavelDoGreat/WebGL-Fluid-Simulationのリポジトリで公開されている流体の見た目を、p5.jsのキャンバスで動かした試作に、AIによる両手の認識を使った機能を加えました
オーロラコーラスプロジェクト～スペクトル管の元素の違いで奏でられる光と音の楽器をつくる～
【光と音で元素を聴く】 スペクトル管に高電圧をかけると、元素ごとに異なる光と電磁波が生まれます。 その“みえない音”を手がかりに、元素の違いを奏でる楽器を制作しています。
