2048游戏逻辑(1)---初始化
2017-08-25 本文已影响0人
普通不平庸
先看代码:
慕课网2048私人订制: http://www.imooc.com/learn/76
我的github地址: https://github.com/mineMineGo/no_title.git
![](https://img.haomeiwen.com/i4020994/50a95ad99b3a1481.png)
页面设定一个全局变量board数组(4*4)用来存储每个格格中的数据
score用来记录获得的分数
页面初始化时候初始化init()函数执行,先赋值board数组4*4数组,并且每个值都为0,代码如下:
![](https://img.haomeiwen.com/i4020994/3bd12129f4196b70.png)
更新视图函数,当然这是基于css样式控制的,前期都是0,所以不显示,后期补位0就会根据数值显示背景色和数值
![](https://img.haomeiwen.com/i4020994/9dd1aa9e2d831167.png)
然后是产生随机数,随机产生2或者是4数字,并做一个动画showNumberAnimation(),三个参数分别是随机数的x坐标,y坐标,随机数字
![](https://img.haomeiwen.com/i4020994/8e89c32a753af03e.png)
![](https://img.haomeiwen.com/i4020994/89d88b4fadec923f.png)
期间用到了一个getNumberBackgroundColor(number),函数,他是根据传入数值的返回不同的背景色,代码:
![](https://img.haomeiwen.com/i4020994/9ff593bd845b2fe1.png)
还有一个getNumberColor: 不同的数字,数字颜色不一样
![](https://img.haomeiwen.com/i4020994/77d2c3599ae63830.png)
至此处,一个初始化页面就完成了,
查看效果: