https://github.com/mutoe/canvas2048
学习并使用 html5 canvas 制作 2048 小游戏
https://github.com/mutoe/canvas2048
2048 canvas html5-canvas html5-game
Last synced: 10 months ago
JSON representation
学习并使用 html5 canvas 制作 2048 小游戏
- Host: GitHub
- URL: https://github.com/mutoe/canvas2048
- Owner: mutoe
- Created: 2017-01-23T12:47:56.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2017-03-12T14:31:40.000Z (about 9 years ago)
- Last Synced: 2025-06-04T20:00:24.564Z (12 months ago)
- Topics: 2048, canvas, html5-canvas, html5-game
- Language: JavaScript
- Homepage: https://mutoe.github.io/canvas2048/
- Size: 8.79 KB
- Stars: 3
- Watchers: 3
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# canvas 2048
学习并使用 html5 canvas 制作 2048 小游戏
## 需求文档
操作区有4X4共16个空白小卡片, 开局时随机出现若干卡片上面有数字2或4, 玩家可使用方向键控制所有卡片移动.
当按下"↓"方向键时, 所有卡片移动到底部并且相同数字的卡片合并成两个卡片数字之和, 随后在随机空白位置生成1张数字为"2"或"4"的卡片, 以此类推.
当所有位置被填满并且无法继续操作时, 游戏结束, 统计当前所有卡片数字之和, 作为玩家游戏成绩.
游戏结束后, 将玩家成绩与玩家输入的昵称提交到服务器, 并且返回当日/近30天/总榜前10名名单.
## 制作过程
制作已经放在 [bilibili av9028663](http://www.bilibili.com/video/av9028663/) , 欢迎观看与学习.
## 试玩
已经投放在我的个人网站 http://game.mutoe.com/2048