axure8游戏原型设计教程:放开我北鼻明星图片小游戏《大家来找茬》

2017年6月1日 阅读:166

《大家来找茬》小游戏应该是这套教程10个游戏中最简单的一个了,虽然游戏制作原理不复杂,但是它是一款考眼力的益智敏捷类游戏,因此一直以来备受大家喜爱,特别是美女类找茬游戏,哈哈哈~~~不过这里选择了最近火热的《放开我北鼻第二季》中的五个萌宝宝作为素材。废话不多说,想知道如何使用axure8.0来实现这款小游戏吗?走过路过不要错过,请继续往下看。。。

一、游戏效果图

二、游戏链接

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

三、玩法介绍

每一个关卡都有两张几乎相同的图片,每个关卡都有120秒钟和5个不同点。玩家需要在120秒钟内全部找出这5个不同点,然后挑战成功进入下一关卡,否则算挑战失败。左右两边的图片都可以点击,效果一样,点到正确的地方会有红色的矩形框将其圈出。

四、整体设计

当点击开始游戏后,即进入第一个关卡,每完成一个关卡立马弹框提示继续挑战,点击继续挑战即进入下一个关卡。如果其中某一个关卡不能在120秒内找全5个不同点,立马弹框提示重头再来,点击重头再来即返回第一个关卡。

五、素材准备

全部素材包括一张游戏首页大图、两个弹框图和10张游戏找茬图片。两张弹框图中只有按钮和文字说明不同而已,一个是继续挑战一个是重头再来。10张游戏找茬图片是由5个萌宝宝各自基本相同的两张图片组成。

六、元件拖拉摆放

1、一个小矩形,作为游戏结束的判断器,隐藏在底层即可;

2、一个动态面板,作为游戏计时的时间控制器,隐藏在底层即可;

3、左右两张主图;

4、主图上方放一个长矩形作为游戏状态栏底色;

5、状态栏左方放倒计时文本标签;

6、状态栏右方放五颗星星做找茬计数;

7、五颗星星上方还要叠加一个与状态栏同颜色的矩形作为星星遮挡层;

8、在主图上方放上2个黄圈(左右两边各一个)和10个不同点的红框(左右两边各五个);

9、在游戏界面的正中间放着隐藏的弹出框(包括继续挑战弹出框和重头再来弹出框)。

七、初始化全局变量

主要初始化两个全局变量,一个是游戏的倒计时,初始化为120,一个是主图的差异数,初始化为5。

八、交互用例设计

1、为页面添加页面在载入时用例

即设置全局变量time为120,设置num为5。

2、为游戏判断器添加鼠标单击时用例

即当time为0时,停止掉时间控制器的循环,并显示重头再来弹框

即当num为0时,停止掉时间控制器的循环,并显示继续挑战弹框

3、为时间控制器添加载入时用例和状态改变时用例

即在载入时将时间控制器循环起来,每秒钟改变一次状态,每次状态改变时计时一次。

4、为主图添加鼠标单击时用例、鼠标移动时用例、鼠标移入时用例和鼠标移出时用例。

左右两张主图的交互逻辑差不多,可稍作修改。

5、为每一个差异添加鼠标单击时用例、鼠标移动时用例、鼠标移入时用例和鼠标移出时用例。

其中鼠标移动时用例、鼠标移入时用例和鼠标移出时用例与主图中的交互一样,只是鼠标单击时的交互用例不同而已。而且所有差异的交互用例逻辑都差不多,只需稍作修改。

九、其他

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

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

作者:维度

转载请注明:http://weidublog.com/index.php/2017/06/01/829/

没有评论

评论已关闭。