加载中...

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

红气球

知识点

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

案例介绍

开始界面

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

游戏界面

image

游戏目的找出红气球,如果点击红气球意味着游戏成功,其余意味着游戏失败
image
气球自动飞向女孩手上,并且弹出返回按钮

操作

制作红气球飞向女孩动画

image

点击标注处,按照图片插入两个关键帧,末尾关键帧将气球放在女孩手上
image
紧接着,添加如下👇位置:帧事件
image
双击如下,添加帧事件触发后执行的函数——我们需要在动画结束后让返回按钮显示出来
image
image
image
image

红气球面板

image

播放动画脚本

image

场景切换

image
image

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

音乐管理

获取相应音效

image

控制相应音效

image

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

posted @ 2022-05-06 22:45  lxp_blog  阅读(163)  评论(0)    收藏  举报