js280行代码写2048

HTML5培训技术

2048 原作者就是用Js写的，一直想尝试，但久久未动手。

昨天教学生学习JS代码。不妨就做个有趣的游戏好了。2048这么火，是一个不错的选择。

思路：

1. 数组，2维数组4x4

2. 移动算法，移动后有数字的对齐，无数字（我用的0，但不显示）补齐。

移动前

移动后（注意程序合并了第一行2个2，并产生了新的2）

移动算法分2步：

第一步骤：移动

第二步骤：合并<??"http://www.2cto.com/kf/ware/vc/" target="_blank" class="keylink">vcD4KPHA+PGJyPgo8L3A+CjxwPtLGtq+0+sLrss6/vKO6PC9wPgo8cD48L3A+CjxwcmUgY2xhc3M9"brush:java;"> function left(t,i) { var j; var len = t[i].length; for (j=0;j

合并代码参考：

    function lcombine(a,i)    {      var len = a[i].length;            for(var j=0;j
3.显示

显示部分CSS来源 2048源作者程序。
显示代码：

    function display_div ()    {      var i,j;      var n = "#d";      for (i = 0 ;i < 4 ;i++)      {        for(j=0;j<4;j++)        {          if (a[i][j] !=0)            $(n+(i*4+j)).
(""+a[i][j]+"
");          else            $(n+(i*4+j)).html("");                            }      }    }

这段代码是把数组内容显示到  4x4表格内。


全部代码：http://jsbin.com/biximuho/6/edit

280多行。

上一篇：AngularJS学习---Routing(路由)&MultipleViews(多个视图)step7

下一篇：JS如何将拖拉事件与点击事件分离？