用Axure制作2048小游戏

2020-01-13


相信很多】人都玩过2048这款小游戏,文章主要├是用ōAxξure制作2048这款小游戏,一起来看看~

2048游戏简介

游戏⿶规则很简单,∠每次可以选┝择上下左右其中一个方向去滑动,每滑动一次,所有的数▅▆字д方块都会往滑动的方向靠拢外,系统也会在空白的地方乱数出现一个数字方块,相同数字的方块在靠拢、相撞时会∴相加。系统给▄予的数字方块不是2就是4,玩家要想办法在这小小的16格范围中凑出“2048”这个数字方块。

以上信息来自百度百科

规则℅梳理

┚初始化:随机生成两个Щ数字方块(随机选取位置【2个】,随机赋值【▔2或4】)。 滑动:数据处♧理(靠拢、相同相加),随机生成一个数字╬方块(随机选取位置【1个】并赋值(2或4】)。 结束:凑出“2048”或滑动结束时没有空余的位置供新的数字方块♥生成时,游戏结束。

素材准备

(1)中继器,包含列为面板(p★anel)、值(v◤alue)、排序(order)。

(2)动态面板÷,状态为0~2♠048。

(3)以及其他元件

思路

采用中继器为中间件。

中继器交互如下:

元件赋值只是为了自己看,可以不要。(游戏发布后要删除,否则影响运行速度) 关键点为变量赋值,面板状态切换。

初始化

通过更新行,对排序字段进行随φ机赋值,并▀按照该字∟段对┈┉中继器进行排序,选择第一行跟最后一行进行赋值。

为什么选择第一〓行跟最后一行?

因为刚好有这个函数。

如何赋值?

设置系统变量Aggregat▣▤▥e=’24&∽#8217;;

[[Aggregate.charAt(Math.floor(Math.random()*Aggreg┎ate.length))]]可以随机输出2҉或4。

滑动

先处理一行4个数据,然后其他行同上。

设置系统变量ABCD。

将改行的值赋予ABCD,ABCD按照规●则进行排序后,更新到中继器中即可。▒

规则…. em←mm

如果做编程就好了,可惜不能,所以这里选择穷举……

以下是部分:

判断游戏状态

最大值等于2048时游戏胜利;值为0的数字方块∑数量等于0时,↗游戏失败。无论胜◇利、失败均结束游戏。

如游戏未结Δ▂▃▅▆█束,则在随机选择一个*值♀为0的数字方块,生成新的数字方块(☠值为2或4)

2048小游戏,完工。

其他

如果不考虑颜色变▓化,可以不用动态面板,直接使用元件数值相加,可以做到40∧96…Ш│┃…

没穷举完,导致游戏有bug,但还是选择放出ↁ。

https://axhub.im/pro/808903f9ed03d5d0/2048.html

 

本文╩由 @fraidei 原创发布于人人都是产品经理。未经许可,禁止转载

题图来自网络ч