axure做小游戏原型设计:flappy bird像素笨鸟先飞电脑版制作教程

2017年6月25日
3+
阅读:192

在2013年5月,由越南的一位独立游戏开发者所设计的《flappy bird》突然爆红,微信中疯狂地转发分享,很多人都有通过微信玩过这款小游戏。这是一款既简单又困难的手机游戏,虽然不像别的游戏一样,众多的关卡,有趣的游戏规则,以及精细的动画效果,但它的下载量却突破了5000万次。这里就教大家如何使用axure来设计这款游戏。

一、游戏效果图

二、游戏链接

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

三、玩法介绍

在游戏开始后,每鼠标点击一次屏幕或者按一下空格键,小胖鸟就会有向上飞的动力,不过没多久又会自己掉下来了。所以,可以有间歇地点击屏幕,不让小胖鸟掉下来。小胖鸟通过多少根水管,最后的分数就是多少分。游戏过程尽量保持平和的心态,在合适的位置合适的时机点击屏幕,整个游戏过程只有一条命,玩家要利用这条宝贵的生命通过尽可能多的水管。

四、素材准备

首先,要准备像素鸟的三种飞翔状态图;

然后,需要两张背景图,一张白天的和一张黑夜的,以及两张水管图,一张上部分的和一张下部分的;

接着,需要准备三张单词图片,一张flappybird的,一张getready的,和一张gameover的;

最后,需要准备一个游戏开始按钮,一个点击开始按钮,和一个分数弹出框。

五、元件拖拉摆放

主要涉及的元件分为6部分:

1、开始页面的底图(图片);

2、点击开始按钮(图片);

3、getReady提示文字(图片);

4、像素鸟(动态面板);

5、三根水管(图片);

6、小鸟控制器(矩形)。

六、初始化全局变量

在页面载入时,需要初始化两个全局变量,一个是score,记录着小胖鸟通过的水管数,另一个是v,代表着小胖鸟的上升速度。

七、主流程设计

1、为三根水管添加显示时用例

2、为点击开始按钮添加鼠标单击时用例

3、为小鸟添加载入时用例和状态改变时用例

4、为小鸟控制器添加显示时用例

八、其他

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

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

作者:维度

转载请注明:http://weidublog.com/index.php/2017/06/25/960/

没有评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注