美文网首页
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)---初始化

    ​先看代码: 慕课网2048私人订制:http://www.imooc.com/learn/76 我的github...

  • 2048

    no.1 项目:2048小游戏 游戏规则:2048游戏共有16个格子,初始时初始数字由2或者4构成。1、手指向一个...

  • 制作游戏很简单,基于 C++/Qt 开发的 2048 游戏!

    这是一个基于 C++/Qt 开发的 2048 游戏。游戏逻辑采用 C++ 编写,界面基于 Qt 5.2.1 开发。...

  • 游戏 2019-12-17

    今天下的是VOODOO新游戏 2048 balls 3D 2048游戏源于1+2=3,之后衍生为1024,2048...

  • 用C语言实现2048游戏

    2048_C_code 用C语言编写的2048 1 要实现我们的 2048 小游戏,需要涉及一些数据结构的知识,以...

  • 2048游戏逻辑(4)---GAME OVER

    通过前三小节的讲述,我们实现了随机数/上下左右移动产生的效果,至此2048接近尾声了。 进入了游戏的结束功能判断 ...

  • 2048游戏逻辑(3)---bug修复

    ​上节降到了上下左右移动,如果你仔细的话就会发线问题当同一行从左到右,如图时候就会出现问题,左移动的话,原版的结果...

  • 如何用Axure制作2048小游戏

    2048这款游戏肯定很多人都玩过吧,2048属于一款数字游戏。如果要自己设计2048该如何实现呢?我们都知道,Ax...

  • 2048小游戏

    在慕课网学习制作了2048小游戏,代码放在Github,效果图如下 一、 初始化棋盘格(绝对定位) 二、并随机两...

  • app推荐系列(一)

    第一个 city2048 作为2048等这类游戏的忠实玩家,这款游戏满足了视觉上的享受啊, 玩法和2048是一样的...

网友评论

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

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