H5接东西游戏实现方法

游戏先设置三条轨道上的陶罐与障碍物运动轨迹，即从画面上方往下掉落

的时间轴动画。设计陶罐触发引擎、陶罐控制器、障碍物触发引擎与障碍物触

发器。控制器初始值均为0，触发引擎均为2s 触发一次。拖入UI 素材备用，

最后添加倒计时控制器、顶部的计分器与倒计时，倒计时控制器时长为1s。

接下来是交互事件的编辑，首先对每个轨道的的陶罐与障碍物添加事件，

即当“陶罐”碰到玩家控制的“主角”时，播放接触音效，顶部计分器数值加

一，陶罐时间轴直接播放结束，陶罐消失（掉出页面外），见图5-3。当“障

碍物”接触到“主角”时，倒计时暂停，播放失败音效，页面跳转到失败页，

见图5-4。

第二步，为陶罐与障碍物触发引擎添加事件，引擎自动触发，触发后，对应

控制器生成1-3之间的随机整数，见图5-5。控制器根据接收到的不同数字，随机

播放对应轨道的物体的掉落时间轴动画，实现陶罐与障碍物的随机掉落，见图5-

6。

第三步，对于左右按钮添加事件，实现上文提到的按钮状态的变化，同时实

现手指按下，“主角”移动到按钮所指的轨道，手指松开，“主角”回到中间的

初始轨道，见图5-7。

最后，倒计时控制器控制倒计时计数器不断减一，实现30s倒计时。当倒计

时计数器等于零时且计分器大于等于5，跳转进入游戏胜利页面；当倒计时计数

器等于零且计分器小于5，跳转进入游戏失败页面，见图5-8。

上文内容源于本人论文，请勿转载抄袭！