專案結構
讓小專案容易開啟、理解與修改,再依需求拆分檔案:
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 等相對路徑,避免引用僅存於自己電腦的檔案。分數、時間和階段由統一狀態管理,介面依此顯示。使用建置工具時檢查輸出與素材路徑;上傳內容請見接入準備。
Last updated on