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

​先看代码：

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

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

页面新游戏

页面设定一个全局变量board数组（４＊４）用来存储每个格格中的数据

score用来记录获得的分数

页面初始化时候初始化init()函数执行，先赋值board数组４＊４数组，并且每个值都为０，代码如下：

初始化函数

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

更新视图函数

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

随机数字

数字出现动画效果

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

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

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

数字颜色不一样

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

查看效果：

页面显现