快好知 kuaihz

天天打飞机没意思,我来打个坦克

看到一篇打飞机的文章,深受启发,但是感觉飞机打太多伤身体,抽空试了试做了个打坦克的游戏。

玩法介绍:

上下左右移动,空格开火,可以攻击右边的坦克

设计思路:

游戏嘛,首先要有主角,即我们的坦克。根据经典的红白机坦克大战来作为参考的话,坦克可以往上下左右四个方向进行移动,移动的时候,坦克的朝向也要跟着变化。

行走搞定后,接下来就要能够发射炮弹炮弹有两种状态,正常飞行和销毁状态。按下空格可以发射炮弹,碰到敌方坦克或边界就切换成销毁状态。

接下来要做一个敌方坦克来做靶子,让子弹碰到靶子后,靶子摧毁(隐藏)

思路有了,接下来开始制作。

1、首先制作出坦克,以及坦克上下左右的四个朝向,这个需要利用动态面板,添加四个状态,每个状态画一个坦克,那么坦克四个方向的图就有了。

2、接下来在页面的全局事件上,加上按键事件,上下左右来开动坦克

开动坦克的时候,根据按键方向,让坦克移动一下,同时利用动态状态设置,来达到改变坦克朝向的目的,用条件判断按键,和移动就可以实现了。

3、好了,现在我们可以运行一下,看看坦克是否能正常行走。接下来就要让坦克发射炮弹了。要注意,炮弹我们这里只做一发,因为太多的对象axure目前不支持太复杂的交互。炮弹的整个流程是:发射>移动>碰撞消亡。我们首先制作炮弹的发射和移动。炮弹的移动方向,首先是根据发射时的坦克朝向来判断,然后自身再不停的循环移动。

开火时,我们可以通过获取坦克的动态面板状态,来获取子弹的发射方向:

然后把这个方向的值,用设置文本动作,赋值给炮弹元件。

接下来,在子弹的移动事件上,写上判断当前炮弹元件的值是哪个方向,就让炮弹往哪个方向移动10像素。

注意,要先设置等待50毫秒,再移动,这样才可以触发移动事件的不停循环。如果把这两个动作颠倒,坦克就不会有动画了。

做好之后,可以尝试发射一下,看看子弹是否正常移动

4、接下来继续在子弹的触发器上加上碰撞检测,碰到边界或者敌方坦克后消亡。

首先制作出界判断。我们可以利用条件判断:局部变量来获得子弹的坐标x和y,如果横坐标小于0或者大于等于800,或者纵坐标小于0或者大于等于600就算出界。出界后,隐藏子弹(消亡)。

接下来用条件判断:区域接触,来判断子弹是否接触到了敌方坦克,如果接触到了,子弹和敌方坦克同时消亡。

5、好了,到此为止我们的坦克会走,炮弹的移动也做好了。接下来就是要考虑如何进行炮弹的循环发射了。

axure8加入了触发事件,我们可以用它来实现函数功能,这样循环发射炮弹这种以前实现起来比较复杂的逻辑,现在可以利用函数来进行变相的if嵌套循环,这也是axure8制作复杂交互的一个重要亮点。

在按下空格时,首先调用子弹初始化函数(绑到单击事件上),首先判断子弹处于消亡状态,即元件子弹可见不等于true,然后显示子弹,并触发子弹朝向设置函数(绑到双击事件上),然后将子弹的位置初始化到坦克的位置(还是用获取元件坐标事件来实现,用加减法加入一个位置偏移量)。OK,到这里就大功告成了。

函数调用关系图:

后记:

本人之前的职业是做网游设计的,现在axure越来越强大了,这个原型目前是初试牛刀,还有很多想加入的功能并未添加进来,比如是否可以结合数据集,做出刷怪器,坦克加入AI,地图上增加砖墙等互动物件等等。如果有喜欢的人,后面可以一起来讨论。

原型文件:

作者提供:

http://pan.baidu.com/s/1hrcMBNe

人人官方:

链接: http://pan.baidu.com/s/1c1hEFvy 密码: fn22

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:坦克  坦克词条  没意思  没意思词条  飞机  飞机词条  天天  天天词条  
原型

 Axure 中继器:如何实现微信...

如何利用Axure中继器实现微信九宫格设计交互?一起来文中看看~下面这张图就是大家熟悉的、不怎么用的、特值钱的微信支付九宫格截图(尤记得京东入住的故事):田同学...(展开)

原型

 如何利用Axure中继器,实现商...

本文详细讲解:利用Axure中继器实现商品数量的增减,以及商品价格的总计的操作流程。一般在做购物车、预算表中都会涉及到商品数量的增减,与商品价格的合计。那么,我...(展开)

原型

 Axure之旅:关于Axure的...

Axure是头大象,其实有很多不容易被大家注意到的功能。Axure以高度的自由度著称,用好了绝对是大杀器。本篇是系列文章的第三篇,讲讲关于Axure的一些冷门小...(展开)