推箱子小游戏原型(恐龙推蛋)1~10关

兼容性提醒:此作品只兼容Axure RP 9.0及以上版本,低版本软件无法使用。

各位老板好!这是参考的推箱子小游戏,为了避免版权问题呢,我改成了恐龙推蛋,关卡还是参考的推箱子游戏里的关卡设置!

希望能给各位老板们熟悉的味道,重温小时候偷偷用爸妈的诺基亚手机玩推箱子的感觉!

目前只制作了10个关卡

素材都是自己画的,如有涉及侵权的地方,请联系作者我!!!

还是简单说说制作的思路吧,给有想法的小伙伴一点参考!

以第一关为例子!先上图看看第一关的样子吧!

首先要实现第一个就是小恐龙的的移动问题,这个比较容易,可以先画4个热区(不一定用热区,用矩形啥都行!),代替上下左右,然后对整个页面设置事件“页面按键按下时”,新增4个情形对应小恐龙的移动方向。如图!

然后要限制小恐龙能移动的范围,这一步利用元件的边界范围范围去限制,考虑到后续还要处理恐龙蛋和墙体等位置关系的判断,我们可以去全局变量里新增几个变量,用于记录小恐龙坐标、恐龙蛋坐标。如图!

那个72的默认值可以不用管,我当时随便输入的,测试用的!

有了变量之后,为了方便时刻记录当前元件的位置,我们要利用动态面板循环变换状态来更新元件对应变量的值!简单解释一下原理,就是动态面板是可以定时循环切换页面状态的,当状态切换时可以触发事件“状态改变时”,通过这个可以去设置变量值,然后用局部变量绑定对应的对象,就可以定时获取元件的变量值了(也就是上面需要的坐标)。如图!

解决这些,然后我们就要判断龙和蛋之间的位置关系了,通过坐标可以判断是不是要推动蛋一起移动,这里的限制条件比较麻烦,第一关的地图有特殊性,相对会简单一点,我用往下移动来举例说明,首先龙的宽高是24px,蛋本身也是24px,整个地图的制作都是以24为基本单位,每次移动也是24px,所以龙能推蛋的时候,一定是龙和蛋在同一直线内,且能向下移动时,因此两者的X要相同,Y差要对应为素材本身的大小,满足这些条件,那就说明这次向下是龙和蛋一起向下移动24px,这样看起来就是龙推动了蛋向下移动。我给蛋增加了1px的额外边界用于判断蛋是否接触到了墙壁,这样龙就不能把蛋推出墙外了。如果有对这块细节感兴趣的老板可以下载文件看看!

最后感谢看完!制作不易,还请多多支持!!!有问题可以添加我Q,我会尽力解答!

发表回复

以下作品你可能也喜欢:
推荐

作品信息 作品名称:【微信】Axure UE高保真交互原型 微信版本:…

继续阅读 →

售价:¥ 49.00 销量: 70 8722
推荐

提高效率是节约时间成本的唯一途径。产品组件库地打造可以有效的帮助我们解…

继续阅读 →

售价:¥ 99.00 销量: 78 11144
推荐

名称:FD03_30种常用中后台菜单框架模板 兼容Axure版本:Ax…

继续阅读 →

售价:¥ 39.99 销量: 79 6535
推荐

交通气象监测系统是V2X车路协同平台的一个子系统,基于气象站、路侧单元…

继续阅读 →

售价:¥ 59.00 销量: 13 2838
推荐

支持Axure 8.0/9.0/10.0版本,一次性购买,终身免费更新…

继续阅读 →

售价:¥ 169.00 销量: 335 70909
推荐

软件版本:Axure 9(兼容Axure10) 页面数量:58 产品类…

继续阅读 →

售价:¥ 69.90 销量: 23 3293