Axure RP9还原经典碰撞赛车小游戏(简易版)

微信图片-20201231112042

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

Axure RP9还原经典碰撞赛车小游戏(简易版)

首先声明素材都是作者自己用PS画的,灵感来源于小时候玩的碰撞赛车小游戏(ps:是不是叫这个名字我也记不清楚了,暂且就叫这名),起因是前几天在逛Axure的贴吧,无意中看到了用Axure制作飞翔的小鸟的贴,然后进去看了下,核心思路就是利用动态面板的循环和定时去不断的触发事件,然后我就想那我能不能利用这点自己动手来制作一个小游戏,起初是想还原俄罗斯方块的,但是后面失败了,原因是Axure没办法生成元件,所以我就想到了还原碰撞赛车。

开始先梳理一下要实现的功能!这步很重要,不然后面再去调就很麻烦!

1.首先你要有可以控制移动的赛车

2.为了让赛车看起来在不断行驶,我们就要有一条没有尽头的道路

3.光开车上路没有意思,要有路障来限制小车的行进路线

4.小车碰到路障要显示“GAME OVER”

5.小车通过路障拾取油桶获得分数

6.最后再来一个计分器,这样就能知道自己的实力啦!

想好之后就要开始动手制作了!

1.没有尽头的道路

先把我们道路图片添加到页面里,因为我这里画的是一条路,所以要复制成4条路,具体几条随自己心意。

微信图片-20201231112807

一块够吗?一块不够要两块!所以我们复制成4条路就给它组合起来命名“路面1”,另外一个命名“路面2”将它们水平放置在同一水平线,1在2的前面。

接着,我们拖进来一个小矩形,大小颜色都随意,建议小点,然后转换成动态面板命名“背景移动控制器”,然后双击进去动态面板,选择State1,复制一份成State2。然后关闭,点击“背景移动控制器”添加事件,这我就不描述了,看图吧。

微信图片-20201231114256微信图片-20201231114414

微信图片-20201231114613

speed是控制速度的一个全局变量。

2.可以移动的小车

为了方便的定位小车位置,给小车添加两个全局变量“carx”“cary”,然后拖进4个形状,分别用做↑↓←→,然后添加一个矩形转换成动态面板命名“赛车位置获取器”。点击“赛车位置获取器”添加事件。

微信截图-20201231131938

微信截图-20201231132017微信截图-20201231132136

添加好后,可以获取到小车的位置,然后我们分别给4个方向键也添加事件。

控制方向↑

微信截图-20201231132459

控制方向↓

微信截图-20201231132657

控制方向←

微信截图-20201231132811

控制方向→

微信截图-20201231132947

添加好后,这些按钮都只能用鼠标点击触发事件,怎么样按键盘上面的方向键也能控制呢?!

我们回到最外层的页面,它也可以添加交互事件,就像这样!

微信截图-20201231133250微信截图-20201231133340

其余的和这个基本一致。添加好后就能当老司机了!

3.源源不断的路障

好的,有车有路,就差这最后的路障了,这里我们要用到中继器加上动态面板一起来完成!先将路障添加进页面,因为我画的是单个路障,我们的路面是4车道的,所以复制4个,并将它们组合好命名“路障1-1”,然后将它转换成动态面板,复制3次State1,这样一个动态面板里就有4个页面、16个路障、然后我们按顺序每个页面的一个路障换成油桶让小车拾取油桶增加分数。给这个动态面板添加事件,让这可通过的路障缺口随机生成。如图

微信截图-20201231134734

然后我们要判断小车是否碰撞到路障,我们拖入一个热区,将它转换成动态面板命名“路障碰撞器”,复制State1,添加事件。如图

微信截图-20201231135244

微信截图-20201231135408

微信截图-20201231135514微信截图-20201231135558

这就是一组完整的路障,但是一组没难度,我们多复制两组,分别命名“路障1-2”“路障1-3”,将这三组路障放进一个中继器里面,然后组合这个中继器命名“路障”。路障的移动和重置刷新和路面原理一致。如图

微信截图-20201231140056

微信截图-20201231140136

大体上就完成了!关于计分器和路面加速这些我就不描述了,有兴趣的朋友可以下载源文件研究!作者小赚5毛钱,谢谢老板,老板大气!

发表评论

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

作品介绍 作品特色: 1、中继器维护表格数据,自动生成交互,包括增加、删除、修改、查询、筛选、排序、分页、翻页、导入、导出。 2、页面内容模板的4中常用模板,打开页面维护内容、在中部弹窗维护内容、在右侧弹窗维护内容,在表格中维护内容 3、建…

售价:¥ 30.00 销量: 142 9893
首页
推荐

一个兼楼宇设备监控与工单管理于一体的管理类APP 主要功能包括楼宇内工单创建、工单进度查看、处理工单、巡检、维保等功能,详情可查看原型~持续更新中 本次功能说明: 1. 工单管理,包括报修、工单处理、工单进度查看、工单评价、工单统计等 2.…

售价:¥ 32.00 销量: 77 4507
fengmian5
推荐

06.16 V2.3更新内容: 增加: 1、随机展示图片头像组件(亚洲人、欧美人、卡通人、插画、建筑近60个图) 2、增加动态输入框样式 3、增加spin骨架屏占位图 04.26 V2.2更新内容: 优化: 1、优化表格组显示,增加鼠标HO…

售价:¥ 45.90 销量: 55 7089
微信截图-20200317171408
推荐

该系统是一款集媒资播控、运营为一体的大后台,适用于短视频、中视频、长视频、专辑系列;主要功能有:视频管理、专辑管理、频道管理、标签管理、用户管理、视频审核、专辑审核、用户资料审核、评论审核、举报管理、反馈管理、push管理、运营位管理、权限…

售价:¥ 55.55 销量: 53 8042
1559526626(1)
推荐

为了对企业生产经营中进货、出货、批发销售、付款等进行全程进行(从接获订单合同开始,进入物料采购、入库、领用到产品完工入库、交货、回收货款、支付原材料款等)跟踪(每一步都提供详尽准确的数据)、管理(有效辅助企业解决业务管理、分销管理、存货管理…

售价:¥ 68.00 销量: 30 4917
封面
推荐

推荐预览分辨率  1920*1080; 支持720° 伪全景拖动观看; 原型文件Axure8.1,兼容Axure 9使用; [video width="1920" height="1080" mp4="https://cdn2.axures…

售价:¥ 49.90 销量: 3 1776