项目结构
让小项目容易打开、理解和修改,随复杂度增长再拆分文件:
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