mcpField
A
ar-interactive-game-builder

ar-interactive-game-builder

github.com/lensetekその他013 回インストール1 日前に更新
リポジトリ

ar-interactive-game-builder について

ar-interactive-game-builderは、教室のディスプレイ向けにカメラを使った非接触型の教育ゲームを考案する教師向けスキルです。4種類のゲーム案に加え、ブラウザー内での動画処理、動作の調整、Chrome、Edge、Chromiumでのインストール不要の利用方法を示します。

主な機能

  1. 01ハンドトラッキング仕分けゲーム案
  2. 02非接触早押しクイズ案
  3. 03全身動作で避けて集めるゲーム案
  4. 04解剖図や分子のインタラクティブ表示
  5. 05ブラウザー内での動画処理
  6. 06ブラウザーでの実行と動作調整

活用シーン

  1. 01教室のディスプレイを学習ゲームに活用
  2. 02授業で動きを使ったクイズを実施
  3. 03解剖図や分子図を対話的に表示

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/lensetek/course-agent-skills --skill ar-interactive-game-builder

インストール後、Claude Code で/ar-interactive-game-builderを入力して読み込まれたか確認します。

詳細

AR インタラクティブゲームビルダー 📷

ar-interactive-game-builder は、スマート教室(Smart Classroom)時代に特化して設計されています。Smart TV、Interactive Flat Panel(Maxhub、Samsung Flip、ViewSonic などの IFP)、または USB カメラ付きプロジェクターに内蔵されたカメラを活用することで、教師は教室のホワイトボードを、タッチ操作不要のインタラクティブな教育ゲームの舞台に変えられます(touchless interactive gaming)。


🎯 教室のホワイトボード/TV向け AR ゲームのアイデア 4 選

       [ Smart TV / Papan Tulis Digital Kelas ]
        ┌────────────────────────────────────┐
        │  [Kamera TV]                       │
        │                                    │
        │    (A) Kapsul          (B) Memori  │
        │    ┌────────┐          ┌────────┐  │
        │    │ OOP 1  │          │ RAM    │  │
        │    └────────┘          └────────┘  │
        │                                    │
        │          🖐️ (Deteksi Tangan)      │
        │               \                    │
        │                Siswa di depan TV   │
        └────────────────────────────────────┘
  1. 空中でつかんで分類(ハンドトラッキング分類アリーナ):
    • 仕組み:生徒が TV/ホワイトボードの前、2 メートルの位置に立ちます。カメラが握りこぶしや手のひらの位置を検出します。生徒が画面上のオブジェクト(例:細胞の構成要素の用語、データ型、法律の条項)に手を伸ばすと、オブジェクトが生徒の仮想の手にくっつきます。そのままドラッグして、画面の隅にある分類用のバスケットに入れられます。
  2. タッチレス早押しレース(タッチ不要の早押し対決):
    • 仕組み:生徒 2 人が教室の前に出ます(1 人は左側、もう 1 人は右側)。選択問題が TV の上部中央に表示されます。A/B/C/D のボタンが空中に浮かびます。正解の選択肢の前にある空中のボックスを、先に「たたく」か、手を伸ばして触れた生徒が対決ポイントを獲得します。
  3. 体の動きでよけてキャッチ(ポーズモーショントラッカー):
    • 仕組み:カメラが生徒のシルエットを捉えます。概念や命題の粒が画面上部から流れ落ちてきます。生徒は左右に移動し、頭や手で「正しい事実」をキャッチしながら、「誤解」を避けなければなりません。
  4. 拡張解剖学/分子インスペクター:
    • 仕組み:生徒が簡単なマーカーを持ち上げるか、手のひらを開きます。画面にインタラクティブな 3D/2D 図(鼓動する心臓、マイクロサービスのアーキテクチャ、化学分子など)が投影され、生徒の手の向きに合わせて回転します。

🔒 プライバシー、セキュリティ、技術仕様

  • 動画処理は 100%クライアント側で実行:
    • カメラ映像はユーザーのブラウザーのメモリ内でローカル処理されます(getUserMedia + Canvas ピクセル処理)。生徒の動画フレームや写真がインターネットにアップロードされることはありません。生徒のプライバシーは 100%守られます。
  • インストール不要(ブラウザーネイティブ):
    • Android 搭載の Smart TV や教師のノートパソコンにある Chrome、Edge、Chromium で直接動作します。
  • 簡単なキャリブレーション:
    • 教室の明るさに合わせて調整できる、動作感度のワンクリックキャリブレーションボタンが付属しています。

コメント