牛刀小试：找茬游戏

jrainlau

情人节要来啦，但是因为寒假关系与女朋友分隔两地，没有办法去陪她，于是就打算用礼物表达心意。

比较喜欢自己制作一些东西，而且最近也在学习Axure的使用，于是就萌生出了利用该工具制作一个心意小礼物的想法。

综合考虑了一下，发现找茬游戏是相对比较容易做出来的（因为才学了两个星期不到），所以花了半天时间设计原型的线框图和流程图，接下来就开始真正的制作了。

【登陆界面】

因为是为女朋友做的，所以想法就是“只有她才能够打开”。本来只需要一个密码或者别的解锁功能就可以了，但是感觉写个用户名比较好玩（因为我给她的昵称比较蠢萌，哈哈），如图：


左边的卡通形象是我自己画的哦！

登录界面有“确定”和“重写”按钮，功能顾名思义。这里我设计了一个很好玩的“嘲讽技能”，一旦输入错误，就会弹出如下对话框：


点击“怪我咯”就会重新回到登录界面。

【规则】

详细规则如图，主要是一些提示。

卡通人物也是我画的哈哈，情侣头像~

【游戏准备界面】

其实这一步理论上是不需要的，不过因为某些技术原因，需要这一步“点击”来触发计时器的计时功能（否则的话会从登录开始就计时）。


点击前未开始计时。


点击后开始计时，等待0.1秒进入游戏界面。

【游戏界面】

生命值为三个心形，点错一次扣一个，对应3次机会。当第四次点错的时候会跳到“GameOver”界面。

这里有两个设计不好的地方，一是倒计时，应当加入音效提示，以及用进度条或者直接数字倒计时会更直观。据女票反映，一开始根本没有注意到还有计时器……二是点击区域的设置。为了不让鼠标在“茬”的区域出现特殊的手型，所以我把整张图片都设置成了可点击，一旦点击了非“茬”区域就会扣一个红心。但是左边那张图只是参考图，并不需要点击功能，可是在制作的时候忽略了这一点，结果参考图是可点击的，所以女票因为这个bug输了好多遍……

最满意的地方是找茬顺序的设置，我设置了“茬”不存在先后顺序，这样无论按照什么顺序找到“茬”，“找到的茬”的三个指示灯都会按顺序从左到右依次点亮。




【晋级】

成功把三个茬都找到了就成功晋级，会有弹窗提示以及“点我开始”按钮，原因都是为了重新加载倒计时.

【失败页面】

如果输了就会进入到失败的页面，这里就不上图了，功能是可以返回最初的登陆界面（其实应该是第一关，可是在制作过程中忘了设置分页了所以就干脆这样吧~~）

【通关页面】

5关都晋级了就可以进入通关页面，是一段很肉麻的告白，哈哈哈~也是可以返回登陆界面。








最后谈一谈制作的感悟：

从接触axure到第一次的牛刀小试，一共2个星期。感觉axure的功能真的无比强大，而且使用起来也相当简单，很多功能可以通过不同的方式实现，也可以结合第三方的工具为之添加更多的效果和功能。

整个游戏制作还有很多需要提高和修改的地方，接下来还会继续学习，期待更多的作品~
欢迎关注我的lofter：http://jrainlau.lofter.com


最后祝大家情人节快乐~！

尹广磊

图片要使用附件重新上传，不要使用QQ空间的图片链接。
QQ空间有图片防盗链功能，在论坛上显示不了。

jrainlau

2# 尹广磊


噢噢，好的~