js280行代码写2048

2020-12-13 03:03

阅读:323

标签:blog   class   code   c   ext   http   

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

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


思路:

1. 数组 ,2维数组4x4

2. 移动算法,移动后有数字的对齐,无数字(我用的0,但不显示)补齐。


移动前

soscw.com,搜素材
soscw.com,搜素材
soscw.com,搜素材


移动后(注意程序合并了第一行2个2,并产生了新的2)

soscw.com,搜素材


移动算法分2步:

第一步骤:移动

第二步骤:合并


移动代码参考:

    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 
"+a[i][j]+"
"); else $(n+(i*4+j)).html(""); } } }

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



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


280多行。

js280行代码写2048,搜素材,soscw.com

js280行代码写2048

标签:blog   class   code   c   ext   http   

原文地址:http://blog.csdn.net/asmcos/article/details/25605207


评论


亲,登录后才可以留言!