alpha:简单版,实现核心逻辑和算法。
standard:标准版,美化界面,优化代码。
beta:测试版,额外功能补充,一些其他想法。
plugin:公共插件目录,目前只有弹窗,后续看情况增加。
其他目录:不用管,用于快速创建项目和打包构建,还有一些脚本。
pnpm install,安装所有需要的包pnpm run start,启动项目并自动打开浏览器http://localhost:1234(端口可在packag.json的start脚本里修改)- 点击铜牌(简单版)、银牌(标准版)、金牌(测试版)打开相应版本页面
- 修改相关文件,保存后可触发热更新自动刷新页面
授人以鱼不如授人以渔!我会写博客和录配套视频,逐行手敲代码。
打算做成一个系列,若有想要实现的小游戏和案例请留言。
如果不嫌麻烦的话,帮忙点个Star,谢谢!
https://gaoxiaosi.github.io/canvas-magic/
| 名称 | 说明 | 演示 | 代码 | 讲解 | 博客 |
|---|---|---|---|---|---|
gobang |
五子棋 | 简单、标准、测试 | 简单、标准、测试 | 视频 | 文章 |
game2048 |
2048 | 简单、标准、测试 | 简单、标准、测试 | 视频 | 文章 |
link |
连连看 | 简单、标准、测试 | 简单、标准、测试 | 视频 | Todo |