HTML5 Games

A collection of web-based interactive prototypes and games.

✨ PickUp Games ✨

特によくできた自信作・おすすめゲーム

🍽️

Table Sweeper

カメラで手を認識!両手を振り回して机の上の食器をなぎ払う爽快ARアクション。

Play Game
✊

Janken Brick Breaker

カメラで手を認識!手でじゃんけんして属性ブロックを壊す新感覚ブロック崩し。

Play Game
🪶

Splat Edge Reactor

PLY点群がMediaPipeの人物エッジに反応して揺れる、Gaussian Splattingプロトタイプ。

Play Demo
RGB

RGB Camera Viewer

スマホの検出枠と、カメラ方向への推定視線を表示するWebカメラ実験。開始するまでカメラは起動しません。

Open Viewer
📊

RGB 記録・分析

人数・推定注視の時系列、イベント、時間帯集計とCSV。静的公開版は分析API未接続です。記録・履歴表示にはローカルサーバー(npm run dev)が必要です。

Open Analytics
🕺

Human Detection Lab

MediaPipe、YOLO、MoveNet、RTMOの複数人姿勢推定を、同じWebカメラ映像で比較する技術選定ツール。

Open Lab
◈

Headspace

Webカメラの顔の上に、自分で割り当てた名前を表示するネームプレート。カメラなしの合成デモでも動きを試せます。

Open Nameplates
RGB

RGB Camera Viewer

スマホの検出枠と、カメラ方向への推定視線を表示するWebカメラ実験。開始するまでカメラは起動しません。

Open Viewer
📊

RGB 記録・分析

人数・推定注視の時系列、イベント、時間帯集計とCSV。静的公開版は分析API未接続です。記録・履歴表示にはローカルサーバー(npm run dev)が必要です。

Open Analytics
📡

D6 LiDAR Viewer

USB-UART接続したD6 LiDARの360度測距データを、Web SerialとCanvasでリアルタイム表示する診断ツール。

Open Viewer
▦

Flap Wall Signage

空港の反転フラップ表示を48×27セルの壁面LED向けに再構成。天気やASCIIアートが立体的な光と影の中でパタパタ切り替わるインタラクティブ・サイネージ。

Open Installation
🪷

D6 Water Lilies

床置きのD6 2D LiDARで歩く人の足を複数人同時に追跡し、Three.jsの光る水面へ波紋を広げる印象派インスタレーション。立ち止まると足元に蓮が咲く。マウス/シミュレーション付き。

Open Art
🖐️

D6 Dual LiDAR Touch UI

2台のD6 LiDARをWeb Serialで同時接続。遮蔽死角を解消しテーブルや壁面をマルチタッチ化。実用性検証(YES/NOボタン、スライダー、鉛筆/消しゴムストローク)やスマートパネル等を収録。シミュレータ付き。

Open Touch UI

🚧 Work in Progress 🚧

まだまだ製作途中・プロトタイプのゲームたち

🐕

Avatar Stack

揺れる髪と耳、崩れるタワー。茜のポーズと角度を選んで積み上げる、1人用3Dアバタータワーバトル。

Play Game
🧊

DUAL//STACK

Looking Glass Goの奥行きを使い、手前と奥の2盤面を切り替えて積む独自形状のホログラフィック・ブロックパズル。

Open Hologram
🎯

Bound Shot Dojo

4ショット以内に迷路の的を1→2→3→4の順で壊す、反射読みの物理パズル。

Play Game
🍺

Beer Pour

止めても少し流れる慣性を読んで、黄金比7:3の神泡を狙うタイミングゲーム。

Play Game
🎤

Voice Flappy

音声認識でキャラクターを操作するフラッピーゲーム。声の高さや大きさで障害物を避けよう!

Play Game
アーカイブ13作品 · クリック / タップで開閉

過去の作品はこちらから。すべて引き続きプレイできます。