6.2.3小鲤鱼跃龙门碰撞测试 (1).pptx

小鲤鱼跃龙门碰撞测试

教学目标游戏中的交互动画通常比APP、网站的交互动画多。只要有合理的规划，AxureRP也可以制作出非常复杂的游戏原型。

讲解碰撞检测制作教学重点碰撞检测制作过程教学难点

碰撞检测制作地面碰撞在“小鲤鱼”面板的“状态改变时”事件中添加用例“判断高度”。

碰撞检测制作地面碰撞用例的条件为小鲤鱼的y坐标大于500。条件中用到了变量[[this.y]]。this代表当前元件，即“小鲤鱼”面板。this.y表示“小鲤鱼”面板的y坐标。·500是“地面”面板的y坐标值。

碰撞检测制作地面碰撞用例中添加一个动作“设置变量值”，并将isdrop设为-1。

碰撞检测制作管道碰撞分别给“管道”面板的两个状态中的4个管道图片命名。

碰撞检测制作管道碰撞在“小鲤鱼”面板的“状态改变时”事件中添加用例“判断碰撞”。

碰撞检测制作管道碰撞用例中添加一个动作“设置变量值”，将isdrop设为-1。

碰撞检测制作管道碰撞“判断碰撞”的条件设置，如图所示。用例条件由4个条件组成，只要满足其中任意一个条件就算用例条件成立

碰撞检测制作管道碰撞“判断碰撞”的条件设置，如图6-31所示。4个条件十分类似——判断“小鲤鱼”面板是否与4个管道元件发生了“接触”。这里“接触”的含义就是其字面意思。

游戏结束制作小鲤鱼发生碰撞，游戏就结束了。进入结束页面相关的动作也可以放在“小鲤鱼”面板上。在检测碰撞的用例中将isdrop变量设为了-1，可以以此为标记创建用例。

游戏结束制作准备好结束页面的素材。在“标题”面板中添加一个状态“游戏结束”。

游戏结束制作在“小鲤鱼”面板的“状态改变时”事件中添加“结束”用例。将“小鲤鱼”“地面”“管道”3个面板的循环切换状态的动作停下来，让页面上的元素停止运动。

游戏结束制作在“小鲤鱼”面板的“状态改变时”事件中添加“结束”用例。将小鲤鱼的旋转角度设置为0。因为小鲤鱼可能是以各种角度撞死，“小鲤鱼”面板停止循环之后，小鲤鱼可能在各种角度上被停止，所以这里需要做一下“复位”。

游戏结束制作由于以上几步设置了很多新的变量和状态，所以“开始”按钮的事件用例也要跟着改变。

游戏结束制作隐藏“开始”页面上的元素。设置小鲤鱼”“地面”“管道”3个面板开始循环切换状态。

游戏结束制作将“标题”面板的状态切换为“开场标题”。设置isdrop等于1。

游戏结束制作将管道和小鲤鱼移回初始位置。

小鲤鱼跃龙门碰撞测试