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

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

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

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

目前只制作了10个关卡

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

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

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

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

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

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

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

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

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

发表回复

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

软件版本:Axure8.1(兼容Axure9/10) 产品类型:高保真…

继续阅读 →

售价:¥ 69.90 销量: 390 29296
推荐

本原型以工厂能耗监测为例,集合了监控大屏、站点监控、数据分析以及后台配…

继续阅读 →

售价:¥ 66.00 销量: 86 14476
推荐

提示:病例类内容为图片; “患者360全景视图”是基于临床数据中心,临…

继续阅读 →

售价:¥ 49.90 销量: 79 12823
推荐

作品说明 页面数量:共 20+ 页 兼容软件:Axure RP 9/1…

继续阅读 →

售价:¥ 19.80 销量: 90 14095
推荐

产品名称:ERP_合同管理系统V1.0 软件版本:Axure 9 产品…

继续阅读 →

售价:¥ 80.00 销量: 13 6542
推荐

《大数据BI可视化 原型模板+动态控件+图表等》此价格限时销售,销售3…

继续阅读 →

售价:¥ 72.00 销量: 3483 148968