/game_2048

Primary LanguageJavaScript

Game 2048

点击游玩>>>>

游戏逻辑完全实现

  1. PC端上、下、左、右（亦或W、A、S、D）操作，移动端向需要的方向滑动即可。

  2. 分数即为每次合并后数块数值。

  3. 实现多处游戏细节，如：每次操作只合并一次数块

  4. 实现数块合并动画、新数块出现动画以及加分提示动画。

完成组件化拆分

  1. 总体分成两个组件，游戏头部和操作宫格。

独立功能型函数

  1. reducer中的重复操作封装为工具函数，供多处使用，例如创建一个二维数组、生成指定范围随机数、转置矩阵等等。

完成移动端适配

  1. 使用媒体查询给出两套对应的CSS样式，适配视口宽度更小的设备。

问题：

  1. 在部分机型（安卓居多）微信内置浏览器存在向下滑动无效的情况
  2. QQ内置浏览器向下滑动整个页面都会向下拖动一下，游戏体验较差
  3. 由于部分动画未采用兼容性写法，Safari浏览器下数块的转动动画显示有问题。