游戏预览
开始场景
搭建开始场景
摆放一个背景图,在背景图上添加背景地面、开始按钮、4个角色选择按钮、游戏logo。
创建游戏脚本
1. 实现开始按钮的回调,点击开始按钮,跳转到游戏场景。跳转场景方法如下:
cc.director.preloadScene('playScene', function () {
cc.director.loadScene('playScene');
});
2. 实现选择角色按钮的回调,点击某个角色时,先将其他角色设置为未选中状态,再将当前选择的角色设为选中状态,最后用cc.sys.localStorage.setItem(“key”,value);方法本地保存选择的角色类型。
3. 在onLoad()方法中,调用cc.sys.localStorage.getItem(“key”);方法获取到本地保存的角色类型,并设置角色按钮的选中状态。
4. 游戏中音效必不可少,点击各个按钮时,都需要播放音效,方法如下:
//播放音效
playSound : function(name, isLoop){
cc.loader.loadRes(name, cc.AudioClip, function (err, clip) {
if(err){
return;
}
let audioID = cc.audioEngine.playEffect(clip, isLoop);
});
},
开始场景和脚本关联
1. 将脚本拖到start场景的属性检查器中,并将脚本中声明的属性和组件关联起来,如下图:
2. 给开始按钮绑定回调事件,选中开始按钮,在属性检查器中,找到Button属性,将ClickEvents值改成1,表示有一个点击事件,再按照如下方式将函数和组件关联起来: