Structure du projet

Gardez le petit projet facile à ouvrir, comprendre et modifier ; séparez les fichiers selon les besoins :

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

index.html est l’entrée ; main.js initialise et relie les entrées ; game.js gère état et mises à jour ; styles.css gère la disposition. Placez images et sons dans assets.

Utilisez des chemins relatifs comme ./assets/images/target.svg, sans fichiers propres à votre ordinateur. Centralisez score, temps et phase dans un état affiché par l’UI. Avec un bundler, inspectez sortie et chemins. La préparation précise quoi importer.