一个基于 Canvas 2D 的简单贪吃蛇微信小程序。支持触控滑动与按钮操作,包含计分与重开。
- 原生微信小程序
- Canvas 2D 渲染
- 游戏逻辑与渲染解耦(游戏核心放在 utils 中)
.
├── app.js
├── app.json
├── app.wxss
├── project.config.json
├── sitemap.json
├── pages
│ └── index
│ ├── index.js
│ ├── index.json
│ ├── index.wxml
│ └── index.wxss
└── utils
└── snake-game.js
- 打开微信开发者工具
- 导入项目,目录选择本项目根目录
- 使用测试号 AppID 或替换为自己的 AppID
- 点击编译即可运行
- 点击方向按钮或在画布上滑动来控制方向
- 吃到红色食物得分
- 撞墙或撞到自身游戏结束,可点击 Restart 重新开始
- index.js
- index.wxml
- index.wxss
- snake-game.js