Axure8.0优秀作品案例儿童打地鼠在线小游戏原型图设计教程

2017年5月18日 阅读:1,112

这已经是第二篇关于axure游戏原型制作的文章了,上一章可看《方块移动拼图游戏》。这一篇讲的打地鼠游戏其实比拼图游戏难很多,起码在逻辑上是这样的。为什么?因为上一篇讲的拼图游戏的所有游戏动作都是需要玩者自己完成的,比如移动小图块。而这一篇讲的打地鼠游戏除了需要实现玩者操作引起的游戏动作,比如打地鼠,还要实现游戏自己循环执行的游戏动作,比如地鼠出洞。不要小瞧axure8.0,依然可以实现出来,请往下看……

一、游戏效果图

二、游戏链接

http://weidublog.com/wp-content/case/prototyping2/201705180933/

三、玩法介绍

在时间进度条耗完之前,尽可能多地移动大锤子击打随时都会出洞的地鼠,时间进度条结束之后,游戏会统计出您总共击打了多少只地鼠数。

四、整体设计

首先,打开游戏的是游戏的开始页面,点击开始页面上的“开始”按钮,既可以跳转至游戏页面;

然后,在游戏页面上有两条逻辑线同时进行,一条是游戏自动执行的逻辑线,即从跳转至游戏页面开始,游戏自动移动时间控制条以及自动随机控制地鼠触动;另一条是鼠标事件监听的逻辑线,即当玩者移动大锤子在屏幕上点击时,如果击中了刚好出洞的地鼠,即在右上角的地鼠统计数上加一;

最后,当游戏页面上的时间控制条耗完时,自动跳转至游戏结束页面,并展示出本轮游戏所击中的地鼠总数。

五、主逻辑设计

1、时间控制条消耗

一跳转至游戏页面,游戏就应该开始倒计时,一旦时间控制条消耗完,自动结束游戏并跳转至游戏结束页面。具体的实现方式可以拖一个动态面板,设置两种面板状态,然后不断地循环切换面板状态,而每次面板状态切换时,都进行时间控制条左移,同时记录倒计时时间,当倒计时时间为0时(时间控制条完全耗完),自动跳转至结束页面。

2、地鼠随机出洞

地鼠随机出洞的实现方式其实和时间控制条消耗的实现方式原理是一样的,他们同属于游戏自动执行的游戏动作。一样是拖一个地鼠控制器的动态面板,设置两种面板状态,然后不断地循环切换面板状态,而每次面板状态切换时,自动随机生成一个地鼠序号,然后根据地鼠序号移动相对应的地鼠,从而达到地鼠随机出洞的游戏动作效果。

3、大锤随鼠标移动&点击挥动锤子

大锤随鼠标移动就比较好实现,其实就是当鼠标移动时,大锤这张图片也跟随移动至鼠标的位置。这个的实现原理和前面的一篇文章比较相似,请参考《axure8.0原型设计实例:标尺参考线定位》

点击挥动锤子也不算难,只需设计鼠标点击时交互用例就行了,当鼠标点击时,旋转锤子一定角度并旋转回原位,从而达到挥动锤子的游戏动作。

4、大锤击打地鼠

大锤击打地鼠可以说是整个游戏最难的一部分,这里做了一个巧妙的设计,因为大锤这张图片很大,如果使用这张图片和地鼠做元件是否接触判断来判断是否打中地鼠是很不精确的,所以我在大锤后面绑定一个小矩形,小矩形就在大锤的锤头那里,在挥动大锤游戏动作的时候,如果锤头接触地鼠,即在右上角的地鼠数加一。

六、其他

维度君这阵子会持续更新axure游戏设计的教程,希望大家可以持续关注维度君的博客:http://weidublog.com,你们的关注就是维度君坚持的动力,谢谢~~

更多axure游戏设计教程:
http://weidublog.com/index.php/2017/05/16/154/

作者:维度
转载请注明:http://weidublog.com/index.php/2017/05/18/768/

3条评论

  • 跨境电商培训 2017年6月23日在上午1:18

    学习了,给朋友看看

  • 罗晓春 2017年6月17日在下午11:24

    有没有源文件给到啊

    • 维度 2017年6月18日在下午8:30

      暂时不把源文件放上去