plumrx / canvas2048

学习并使用 html5 canvas+javascript 制作 2048 小游戏

Home Page:https://plumrx.github.io/canvas2048

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

canvas 2048

学习并使用 html5 canvas 制作 2048 小游戏

需求文档

操作区有4X4共16个空白小卡片, 开局时随机出现若干卡片上面有数字2或4, 玩家可使用方向键控制所有卡片移动.

当按下"↓"方向键时, 所有卡片移动到底部并且相同数字的卡片合并成两个卡片数字之和, 随后在随机空白位置生成1张数字为"2"或"4"的卡片, 以此类推.

当所有位置被填满并且无法继续操作时, 游戏结束, 统计当前所有卡片数字之和, 作为玩家游戏成绩.

游戏结束后, 将玩家成绩与玩家输入的昵称提交到服务器, 并且返回当日/近30天/总榜前10名名单.

制作过程

制作已经放在 bilibili av9028663 , 欢迎观看与学习.

试玩

已经投放在我的个人网站 http://game.mutoe.com/2048

About

学习并使用 html5 canvas+javascript 制作 2048 小游戏

https://plumrx.github.io/canvas2048


Languages

Language:JavaScript 87.0%Language:CSS 7.5%Language:HTML 5.5%