Canvas 2048

游戏思路

• 生成4*4游戏方格
• 随机生成2方块
• 方块可上下左右移动,方向并且数字相同的方块合并
• 实时统计游戏分数
• 有最高历史得分
• 可重新开始游戏

思路解析

1. 生成4*4游戏方格
   • 变量-二维数组地图
   • 变量-所有方块背景颜色
   • 绘制圆角矩形函数
   • 循环生成函数
   • 绘制函数(数字和方块)

绘制函数：如果当前地图的某个数不等于0，就是生成了方块，就给它绘制地图中的数字，包括一些数字信息（大小、颜色、偏移量）

2. 随机生成2方块
   • 变量-剩余方块数
   • 随机生成方块函数

随机取当前剩余方块数以内的数，判断地图是否为0，如果是，则判断cot随机数是否等于当前循环到的k数，如果是则绘制。

3. 方块可上下左右移动
   • 变量-按键信息
   • 监听键盘事件
   • 监听touch事件

4. 实时统计游戏分数

   • 变量-统计当前分数

5. 有最高历史得分

   • 变量-历史得分（使用localStorage）

6. 重新开始游戏

   • 重新绘制地图，生成方块
   • 重置地图、当前剩余方块、当前分数等数据