papertracker

ペーパートラッカー

Gameified Music＆Tech Teaching Tool

音楽、テクノロジー、ゲームデザインに14〜140歳を魅了するための教育プラットフォーム。焦点は、視覚装置を使用した創造的な問題解決、共同作業、プログラミングを促進する、安価に楽しい課題を提供することにあります。

ライブデモ

印刷可能なボード＆タイルのダウンロード

---

それがどのように機能するか

ステップ1：タイルを配置します

ステップ2：写真を撮ります

ステップ3：シミュレーション

---

スクリーンショット

---

走る

1. WebServerディレクトリへのCD
2. config_sample.pyファイルをconfig.pyにコピー/名前を付けます
3. 仮想環境を作成する： python -m venv env
4. 仮想環境のアクティブ化： source env/bin/activate
5. パッケージのインストール： pip install -r requirements.txt
6. 環境変数の設定： export FLASK_APP=run.py
7. フラスコデバッグモードの場合： export FLASK_DEBUG=1
8. サーバーの実行： flask run
9. ブラウザでウェブサイトを開く： http://localhost:5000

後続の実行では、手順2、3、5を除外します。

特徴

アルファ

• OPENCVタイルグリッド座標を検出します
• タイル座標を返すフラスコ
• タイルを配置します（上のステップの後）
• 無効なJSONデータの場合、再スナップオプション
• tone.jsプレーヤーでmp3サンプルを実行します
• Preload Tone.jsサンプル
• ユニバーサル構成（JS、Pythonなど。単一のファイルから）
• Pythonを使用してセッションIDを生成しますか？
• インターフェイスを監視します（別の画面でユーザーが電話で見ているものを観察するため）
• matomo configをconfig.pyに追加します
• パルス衝突ルールを追加する
• [ボタンを実行してリセット/再実行]ボタンをクリックしたら
• テスト<入力... capture = camera " />
• 衝突シンボル/表示？
• 色あたりの異なる音（つまり、赤いパルスは緑のパルスとは異なるhihatを再生します）
• イベントに50％の可能性が発生するランダムタイル（別のハーフタイルで使用する必要があります）

ベータ

• キャッシュオーディオ（サービスワーカー？）
• マーカーレスグリッド（およびタイル）検出？
• オリエンテル（水平/垂直）タイル？
• 独自の機器のアップロード/構成のためのパネル

バグ

• Arucoコードの検出条件や貧弱な写真には賢すぎる
• 北に移動するパルスは衝突を生き延びます
• ボードの色をプリントと一致させますか？
• グリッドの外側のタイルを無視します
• （テスト）同時セッション（サーバーのプレフィックス画像名？）
• タブレットで背面カメラを使用してください

アイデア

• 2つのキックドラムを隣に置いたらどうなりますか？ （「アクセント」とそれを大きくしますか？）
• 2つの異なる矢印を隣に配置するとどうなりますか？

---

（FirstNameによるアルファベット順）AndreMūrnieks、Jon He、Radek Rudnicki、Tristan Bunnによって作成されました。