Skip to content

Files

Latest commit

2e7d9a0 · Mar 2, 2015

History

History

2048

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 

2048 小游戏

说明

这个游戏逻辑还是比较简单的。用面向对象的思想去实现的好处在于,把棋盘看成一个对象,格子看成它的子对象,那么格子的分数,坐标,状态等属性就很好管理了,移动到新位置,它自己知道,不需要满世界的去找。 通过变换二维数组的坐标,实现行和列的搜索。在判断是否可以移动和合并的时候,运用了类似于冒泡的算法。 格子在走的时候,用户随时可能会变化走向。如何保证异步过程不受影响? 这里需要一点编程技巧。

制作特点

  • 纯javascript加css实现2048这款小游戏
  • 用面向对象的编程思想实现整个游戏逻辑
  • 用原生的javascript方法实现全部dom及动画操作
  • 推荐使用chrome39+,ie10+等浏览器体验

己知bug

  • 快速变向滑动时丢失对象
  • 未作浏览器兼容处理

演示地址

http://sandbox.runjs.cn/show/xmze9zws