游戏预览 

​

开始场景 

​

搭建开始场景

    摆放一个背景图，在背景图上添加背景地面、开始按钮、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，表示有一个点击事件，再按照如下方式将函数和组件关联起来：