Cyber Hand Interface
SYSTEM_STATUS: SEARCHING...
GRIP_MODE: STANDBY
COW_ABDUCTION: STANDBY
● SYSTEM GUIDE
🖐️
HAND TRACKING
カメラに手をかざしてリンク
👌
GRAB CUBES
ピンチ（つまむ）でブロックを掴む
※画面上で重なれば掴めます
✊
COW ABDUCTION
拳を握って牛を浮遊させる
このシステムはGemini 3で
30分で完成させました。
[PINCH] to GRAB CUBES | [FIST] to ABDUCT COWS
リアルタイム3D手認識システム
Webカメラを使って手の動きをリアルタイムで認識し、 3D空間内で物理法則に基づいたインタラクションを実現する 先端技術のデモンストレーションです。
機械学習と物理エンジンを組み合わせることで、 自然な手の動きがそのまま3Dオブジェクトの操作に変換され、 次世代のユーザーインターフェース体験を提供します。
WebCamera
リアルタイム映像取得
Hand Tracking
MediaPipe認識
Physics Engine
3D物理演算
技術仕様
💻フロントエンド
React Three Fiber
Reactベース3Dレンダリング
React Three Cannon
物理エンジン統合
Three.js
WebGL 3Dグラフィックス
MediaPipe
Google製手認識AI
Framer Motion
アニメーション制御
⚡機能・特徴
リアルタイム手認識
21点ランドマーク検出
ピンチ操作
オブジェクトの掴み・移動
ジェスチャー制御
拳でグラビティ操作
3D物理演算
重力・衝突・摩擦計算
パーティクルエフェクト
視覚的フィードバック
使い方
📷
1
カメラ許可
ブラウザでWebカメラの使用を許可してください。
🖐️
2
手を認識
カメラに手をかざすとシステムが自動認識します。
🎮
3
インタラクション
ピンチで掴み、拳で重力操作を楽しんでください。