美文网首页
2048游戏逻辑(1)---初始化

2048游戏逻辑(1)---初始化

作者: 普通不平庸 | 来源:发表于2017-08-25 18:07 被阅读0次

    ​先看代码:

    慕课网2048私人订制:  http://www.imooc.com/learn/76

    我的github地址: https://github.com/mineMineGo/no_title.git

    页面新游戏

    页面设定一个全局变量board数组(4*4)用来存储每个格格中的数据

    score用来记录获得的分数

    页面初始化时候初始化init()函数执行,先赋值board数组4*4数组,并且每个值都为0,代码如下:

    初始化函数

    更新视图函数,当然这是基于css样式控制的,前期都是0,所以不显示,后期补位0就会根据数值显示背景色和数值

    更新视图函数

    然后是产生随机数,随机产生2或者是4数字,并做一个动画showNumberAnimation(),三个参数分别是随机数的x坐标,y坐标,随机数字

    随机数字 数字出现动画效果

    期间用到了一个getNumberBackgroundColor(number),函数,他是根据传入数值的返回不同的背景色,代码:

    不同数字显示不同的北京颜色

    还有一个getNumberColor: 不同的数字,数字颜色不一样

    数字颜色不一样

    至此处,一个初始化页面就完成了,

    查看效果:

    页面显现

    相关文章

      网友评论

          本文标题:2048游戏逻辑(1)---初始化

          本文链接:https://www.haomeiwen.com/subject/occpdxtx.html