用Axure 实现“打飞机”,骚年,来一发(下)精选.pdfVIP

用Axure 实现“打飞机” ，骚年 ，来一发 （下 ） 在上篇里我们提到如何用Axure实现微信5.0飞机大战的游 。并跟大家讲解了第一步实现让敌机飞 ，让子弹飞。没看过上篇的同学可以先回读一下ht t p://www.woshipm.co m/rp/24 8429.ht ml 下方左图就是最终达到的效果 ，下方右图是上篇实现的状态。 so ，今天把剩余的效果都实现 ！我们需要让敌机、子弹、战斗机之间碰撞后引发我们想要的事件。 如何实现 ，且听我细细道来 ！ 如何实现 ，且听我细细道来 ！ 一、功能描述 1. 子弹碰撞到敌机 ，敌机爆炸并计得100分 ； 2. 敌机撞击到战斗机 ，战斗机爆炸并减少剩余飞机数量 ，直至剩余飞机数量为0游 结束 ； 3. 每击落10架敌机 ，难度等级+ 1 ，敌机飞行速度相应提速 ； 4 . 对游 进行其他修饰 ； 二、材料准备 云朵.pn 还是老办法 ，用PS抠抠抠。“仪表盘”和“剩余飞机”这两个动态面板是为了显示游 中的相关 数据 ，几个-txt 结尾的文本框是后续事件写入数据的载体。按下图方式组织好动态面板。 三、构建敌机的撞击事件 我们上篇实现的效果中 ，敌机在移动状态下有两个事件分别是正常飞行和撞击地面。那么根据上述 功能要求 ，敌机在移动状态下完整的事件如下 ： 1. 正常飞行 2. 被子弹击中 3. 撞击到战斗机 4 . 沉入地面 也就是说 ，敌机在飞行中最多会先后触发上述事件。一图胜千字 ，奉上流程图 ，在上篇的基础上增 加几个判断。 我们将敌机飞行中一些触发事件的逻辑关系理清楚之后 ，需要把这些逻辑用Axure的交互事件表达 出来。关于Axure同一个触发事件下触发的不同用例之间的逻辑关系 ，涉及一个知识点需要重点解 释一下。听起来很抽象 ？举个栗子 ，敌机在移动状态会触发飞行、中弹、撞机、入地等不同用例 ， 这几个用例之间可以用”if →if →if ”的关系表达 ，也可以用”if →else-if →else-if →else-if ”的并列关系来 完成 （右键点击用例条件可切换这两种关系 ）。“”if →if ”和“”if →else-if ”最大的区别在于“if →if ”是指两 个并列的事项 ，如果两个条件同事满足Axure会同时去执行if 下的两个用例 （记住是 同时 ），“if →else-if ”则会从上到下去判断 ，如果第一个if 的条件满足 ，Axure执行完第一个用例就不 再执行下面的用例。 说了这么多关于”if →if “和”if →else-if “的关系 ，是为了更好理解下面几个事件的关系。在本例子中我们 采用的是”if →else-if “的逻辑关系 ，因为在几个撞击事件都是独立发生的 ，我们不希望它们同时进 行 （敌机在一边飞行一边敌机被子弹击落同时与战斗机相撞 ，同时还要入地 ，这样的场景无法想象 ，太惨烈无法直视 ）。既然是独立发生的 ，我们每一个事件发生的条件就必须互斥。 比如 ，当我们描述飞机正常飞行的时候 ，必须定义为 ：“敌机”未接触“地面”且“敌机”未接触“子弹”且“ 敌机”未接触“战斗机”只有这几个条件同时满足才算。以此类推 ，“敌机”撞击“战斗机”的条件也必须 包含“敌机”未接触“子弹”未接触“地面”。一方面我们确保几个用例不会同时发生 ，另一方面确保几个 用例之间条件独立。 点击图片放大 ，按F键查看原图 1、子弹击中敌机 敌机-壳 ：从状态1 （飞行状态 ）切换到状态2 （爆炸状态 ）等待200ms→切换回状态1 （状态复位 ） →隐藏 （避免重复计分 ）→计分[[LVA R1+ 100]] （局部变量LVA R1=得分-txt ）→升 级[[LVA R1*0.001+2]] （局部变量LVA R1=得分-txt ，击落1架得100分 ，击落10架升1级 ，因此分数 和等级是1000的关系 ，要乘以0.001 ，level初始值为2加上2是为了让敌机飞行速度合理 ），显示仪 表盘上的等级[[Mat h.f loo r(level)- 1]] （向下取整的目的是为了让击落飞机达到10架之后再升级 ，为确 保敌机飞行速度合理将level初始值设为2 ，因此计算结果必须减去1 ）。 2、敌机撞击战斗机 战斗机 ：从状态1 （正常状态 ）切换到状态2 （爆炸状态 ）→切换回状态1 （状态复位 ）→扣减剩余 飞机数量[[f i ht er- 1]]→将剩余飞机数量在界面显示出来剩余飞机-txt =[[f i ht er]]→隐藏 （避免击落战 斗机的数量