【Cocos新手入门】使用 cocos creator 创建多个场景，并通过代码和事件绑定进行切换场景的方法_cocos点击按钮场景跳转-程序员宅基地

技术标签： cocos2d  游戏  游戏开发  

本篇文章主要讲解使用 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) {
    }
}

给按钮绑定这个函数：
在这里插入图片描述
运行查看实际效果：
在这里插入图片描述
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hj960511/article/details/128819232

智能推荐

施行研发管理，顶层设计是第一步——研发管理自身的战略_施行研发管理,顶层设计是第一步——研发管理自身的战略-程序员宅基地

文章浏览阅读1.7k次。之前写过一篇文章 《研发管理成熟度模型，找到起点再出发》，这里面描述了研发管理体系的发展方向，本篇文章要说的是，企业研发管理持续沿着这个模型演进，相关的必要条件，和大致里程碑。关于研发管理成熟图模型，可以参考关联文章，这里不重复了。必要条件对于技术型企业，产品和技术研发自然是公司战略的主题之一，因此，研发管理也应该成为战略主题的一部分，在公司战略和研发总体战略的指导下，形成研发管理自身的战略。演进路标..._施行研发管理,顶层设计是第一步——研发管理自身的战略

PD DRP双向快充协议芯片HUSB251用于无绳电动工具/户外储能/超级充电宝_drp协议芯片-程序员宅基地

文章浏览阅读484次。HUSB251支持PD 28V 5A双向充放电应用_drp协议芯片

计算机毕业设计 SSM在线药品购物商城系统（源码+论文）_大学生毕业答辩线上买药系统-程序员宅基地

文章浏览阅读711次。 这两年开始毕业设计和毕业答辩的要求和难度不断提升，传统的java web缺少创新和亮点，往往达不到毕业答辩的要求，这两年不断有学弟学妹告诉学长自己做的java web管理系统达不到老师的要求。为了大家能够顺利以及最少的精力通过毕设，学长分享优质java web毕业设计，今天要分享的是 基于SSM的在线药品超市购物系统学长这里给一个题目综合评分(每项满分5分)难度系数：3分工作量：5分创新点：3分界面美化：5分。_大学生毕业答辩线上买药系统

ftp允许root登陆_ftp root登录-程序员宅基地

文章浏览阅读5.2k次。 1.编辑/etc/vsftpd/user_list和/etc/vsftpd/ftpusers两个设置文件脚本，将root账户前加上#号变为注释。（即让root账户从禁止登录的用户列表中排除） 2.重新开启vsftpd service vsftpd reload 允许root账户访问ftp，可以远程访问centos系统中的任一文件，对于远程维护centos系统或下载文件十分方便。..._ftp root登录

PAT甲级 1025. PAT Ranking (25)-程序员宅基地

文章浏览阅读130次。题目：Programming Ability Test (PAT) is organized by the College of Computer Science and Technology of Zhejiang University. Each test is supposed to run simultaneously in several places, and the ra

vue中，解决chrome下，的warning, Added non-passive event listener to a scroll-blocking ‘mousewheel‘ event 问题_default-passive-events-程序员宅基地

文章浏览阅读1w次，点赞3次，收藏7次。一、警告信息如下：vue+element项目中，解决chrome下的passive警告问题element-ui.common.js?5c96:9972 [Violation] Added non-passive event listener to a scroll-blocking 'mousewheel' event. Consider marking event handler as 'passive' to make the page more responsive. See https://ww_default-passive-events

随便推点

揭秘: 优秀CIO的OA选型标准_fanweioa-程序员宅基地

文章浏览阅读6.8k次。OA选型一直是企业信息化建设面临的难题，企业内部没有人懂OA系统，OA行业也没有什么权威机构和数据可以参考，OA系统厂商排名纯属自嗨，那么，到底该如何进行OA选型？看成功企业的选型标准！这些企业CIO在选型时积累的经验都具有极高参考价值，他们的OA选型标准就是你的OA选型指南。OA选型1、综合实力人员:完整的团队是OA项目实施落地的保障，对于企业OA选型来说至关重要，也是企业CIO主要考量标准之一..._fanweioa

Apache Ranger0.5编译-程序员宅基地

文章浏览阅读22次。1. 编译环境# CentOS7# java git gcc环境yum install git wget yum java-1.8.0-openjdk* gcc -y# maven环境wget https://mirrors.tuna.tsinghua.edu.cn/apache/maven/maven-3/3.6.3/binaries/apache-maven-3.6.3-bin...

SpringMVC基础掌握--一图看懂三大处理器以及执行流程_springmvc处理器-程序员宅基地

文章浏览阅读1k次，点赞29次，收藏27次。Spring MVC所有的请求都经过Dispatcherservlet来统一分发。DispatcherServlet将请求分发给Controller之前，需要借助于Spring MVC提供的HandlerMapping定位到具体的Controller。HandlerMapping接口负责完成客户请求到Controller映射。Controllr接口将处理用户情求，这和Java Servlet扮演的角色是一致的。_springmvc处理器

ES6 模块暴露_es6暴露模块-程序员宅基地

文章浏览阅读31次。ES6 模块暴露。_es6暴露模块

Intellij IDEA远程debug教程_intell运行调试配置怎么设置-程序员宅基地

文章浏览阅读8.9k次，点赞3次，收藏14次。Intellij IDEA远程debug教程_intell运行调试配置怎么设置

Android:Error running ‘app‘:Timed out after 300secends waiting for emulator to come online解决（个人看法）_error running 'app': timed out after 300seconds wa-程序员宅基地

文章浏览阅读1.5k次，点赞7次，收藏4次。我自己的是能用这个方法解决的，你们的我不确定。我看别人的解决方案是让更新Android Emulator，但我确实不知道怎么更新它，我就随便弄了一下（就上面的），能运行了，想跟大家分享一下！之后就一直点击next，最后点击cancel。如果出来的运行结果格式不对，就删了重新安装。我每次出现安装结果都不一样，这次的是这个。_error running 'app': timed out after 300seconds waiting for emulator to come

推荐文章

热门文章

相关标签