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

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

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

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

目前只制作了10个关卡

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

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

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

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

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

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

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

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

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

发表回复

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

作品名称:移动端通用元件组件合集 作品编号:LIB001 当前版本:V…

继续阅读 →

售价:¥ 99.00 销量: 252 17968
推荐

作品名称:真实模拟CRM+OA集成web后台SAAS管理系统 OA办公…

继续阅读 →

售价:¥ 159.00 销量: 76 18323
推荐

产品名称:物联网可视化数据大屏及数据单元地图组件原型 作品标签:可视化…

继续阅读 →

售价:¥ 69.00 销量: 316 31351
推荐

作品中内容背景样式为图片不能修改,请知晓; 作品更新:2025年04月…

继续阅读 →

售价:¥ 59.90 销量: 12 4147
推荐

产品名称:100+个大屏可视化看板原型设计常用元件+地图元件 软件版本…

继续阅读 →

售价:¥ 25.00 销量: 360 23179
推荐

企业工单管理系统原型更新履历: 2020/05/27 更新 新增总控工…

继续阅读 →

售价:¥ 59.99 销量: 145 20789