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()隐藏