Cocos---简单案例：红气球

红气球

知识点#

1. 场景切换
2. 动画播放，帧事件，Tween
3. 按钮控件
4. 音效管理

案例介绍#

开始界面#

点击按钮自动进入游戏界面

游戏界面#

游戏目的找出红气球，如果点击红气球意味着游戏成功，其余意味着游戏失败

气球自动飞向女孩手上，并且弹出返回按钮

操作#

制作红气球飞向女孩动画#

点击标注处，按照图片插入两个关键帧，末尾关键帧将气球放在女孩手上

紧接着，添加如下👇位置：帧事件

双击如下，添加帧事件触发后执行的函数——我们需要在动画结束后让返回按钮显示出来

红气球面板#

播放动画脚本#

场景切换#

脚本中两个函数需要挂载在相应Button的Click Events中

音乐管理#

获取相应音效#

控制相应音效#

this.audioID可以获取播放音效，用于控制音效

 audioID:number=0;
 this.audioID=cc.audioEngine.play(this.bgAudio,true,0.5);
 cc.audioEngine.pause(this.audioID);
 cc.audioEngine.resume(this.audioID);

Tween#

点击错误，触发的事件
用法： cc.tween(需要控制的物体)...start();//最后必须要有start();
show()显示
delay(1) 延时1s
hide()隐藏