プロジェクト構成

小さなプロジェクトを開きやすく、理解・変更しやすく保ち、必要に応じて分割します。

my-game/
├── index.html
├── src/
│   ├── main.js
│   ├── game.js
│   └── styles.css
└── assets/
    ├── images/
    └── audio/

index.html は入口、main.js は初期化と入力、game.js は状態と更新、styles.css は配置です。画像・音声は assets に置きます。

./assets/images/target.svg などの相対参照を使い、自分の PC にしかないファイルを参照しないようにします。得点・時間・段階を共通状態で管理し、UI はその状態を表示します。バンドラーでは出力とパスを確認。提出物は事前準備を参照してください。