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

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

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

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

目前只制作了10个关卡

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

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

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

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

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

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

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

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

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

发表评论

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

作品名称:AxureUX智慧数字门店POS端交互原型模板 作品类型:模板类 主要适用:PAD端 软件版本:Axure 9 作品编号:TEM021 作品介绍: 数字门店系统主要用于帮助传统线下服务门店转型为移动互联网门店,通过线下和线上的结合…

售价:¥ 89.00 销量: 51 7912
推荐

该作品为最近很热门的付费自习室的可用原型,线下付费自习室现在在一二线城市已经是如火如荼了,越来越多的门店启用了这类的相关程序. 该作品为:APP前端界面 + 后台 +高保真交互 更新日志: 2022.07.29 1.整体UI布局调整 2.增…

售价:¥ 24.90 销量: 51 12786
推荐

软件版本:Axure9 页面数量:84 产品类型:高保真APP 当前版本:V1.1 作者:Daisy 产品简介:本作品为内容电商APP原型,用户可在发布种草内容的同时插入商品卡片,通过优质内容营销进行引流和转化。APP端包括发现,广场,商城…

售价:¥ 59.90 销量: 14 2697
推荐

【2024-04-28 版本 v1.1.8】第3次更新,优化业务指标、用户行为分析模块,更新内容如下: 1.新增业务指标案例; 2.增加事件、路径分享选择功能; 【2024-04-17 版本 v1.1.7】第2次更新,优化指标看板,BI看板…

售价:¥ 57.90 销量: 12 2753
推荐

【作品介绍】 本作品是项目管理系统高保真原型设计,主要包括了工作台(概况、需求、任务、测试、问题)、项目管理(项目整体概况、项目新增、项目详情)、合同管理、供应商管理等,所有元件追求细节和交互效果,请自行体验。 统计图表是用AxhubCha…

售价:¥ 99.00 销量: 108 15449
推荐

作品介绍及推荐理由: 1. 支持分屏与全屏功能,便于需求与原型对比。 2. 手风琴渐变式导航菜单 3. 提供多个产品需求模板页面:产品简介、需求清单、角色定义、版本说明、开发周期、结构图、流程图、全局说明、交互原型、静态原型、设计图、监控需…

售价:¥ 36.00 销量: 61 7226