本篇文章主要讲解使用 cocos creator 创建多个场景,并通过代码和事件绑定进行切换
作者:任聪聪
日期:2023年1月31日
cocos 引擎版本 2.4.3
场景的创建
步骤一、右击资源管理器下的assets目录,点击新建,献出案件一个scene的文件夹。
步骤二、在我们创建的scene文件夹上右击,点击创建scene场景
步骤三、这里我创建的新的场景为home,双击home场景文件进入到场景的层级管理界面中
tips:同样的想回到上一个场景也是双击进入,此时我们就可以在新的场景中进行布置界面组件了。
场景的切换方法
场景的切换可以通过代码进行直接切换,绑定事件进行切换的方式也是使用这样的代码,如下2.1节所说。
2.1 代码进行切换
cc.director.loadScene("你的场景名称英文");
2.2 绑定按钮进行切换
步骤一、通过button进行举例说明,这里我们先在新的场景中创建一个按钮。
操作说明:右击main 相机,选择创建节点,选择创建ui节点,选择button按钮。
步骤二、修改我们的button的按钮名称,先点击lable
注意:此处需要修改按钮的宽度和label的宽度,否则字显示不出完整的样式。
步骤三、创建一个新的场景的脚本文件,右击script文件夹(没有的自己先手动创建这个文件夹),点击新建选择typescript文件
步骤四、给空节点“Main Camera” 挂上脚本,点击空节点,点击添加组件选择用户脚本。
tips:点击后看右侧的属性菜单,即可找到添加组件的按钮,在最底部。
步骤五、绑定函数
tips:点击的时间是在eventes中输入1后弹出的,如果不输入1是看不到箭头3所指的框。
步骤五、书写脚本代码函数
const {ccclass, property} = cc._decorator;
@ccclass
export default class NewClass extends cc.Component {
@property(cc.Label)
label: cc.Label = null;
@property
text: string = 'hello';
// LIFE-CYCLE CALLBACKS:
// onLoad () {}
start () {
}
test(){
//测试按钮回到加载场景
cc.director.loadScene("loading");
}
// update (dt) {}
}
给按钮绑定这个函数:
运行查看实际效果: