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

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

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

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

目前只制作了10个关卡

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

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

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

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

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

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

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

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

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

发表回复

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

本原型包含酒店后台管理和用户端 酒店后台管理系统: 会员管理 会员资料…

继续阅读 →

售价:¥ 49.90 销量: 97 24039
推荐

本作品一次购买,永久免费更新升级,版权归腾讯所有。 新冠肆虐,在线视频…

继续阅读 →

售价:¥ 59.90 销量: 39 7551
推荐

注意:本作品使用最新版本Axure RP9进行设计和保存,无法使用Ax…

继续阅读 →

售价:¥ 49.90 销量: 17 5129
推荐

智慧校园一期原型 版本:V1.0 主要适用:web 软件版本:Axur…

继续阅读 →

售价:¥ 49.00 销量: 26 9135
推荐

产品需求文档的撰写是产品经理必备能力之一! 为了提高产品工作产出效率,…

继续阅读 →

售价:¥ 36.60 销量: 175 18260
推荐

作品名称:AxureUX内容资讯平台交互原型模板 作品类型:模板类 发…

继续阅读 →

售价:¥ 29.00 销量: 66 5779