【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

智能推荐

安装了node.js，但是npm命令不可用的解决方案_node安装后npm不能用-程序员宅基地

文章浏览阅读6.2k次，点赞2次，收藏5次。在打开的窗口里查看是否有node.js的安装目录，如果没有，点击新建按钮，把node.js的安装目录复制一份，然后点击【确定】按钮，基本上99%问题就解决了。右键单击【此电脑】，在显示的菜单里点击【属性】，此时会打开系统设置窗口，点击如下位置的【高级系统设置】，在弹出的系统属性小窗口点击【环境变量(N)...】第二步：检查node.js的安装路径是否添加到了Path环境变量。_node安装后npm不能用

英语学习方法_it will rain和it is goingto rain-程序员宅基地

文章浏览阅读424次。雅思考试宏观雅思介绍和分类介绍雅思是著名的国际性英语标准化水平测试之一雅思考试在全球首创从听说读写四方面进行英语能力全面考核分类雅思考试雅思考试是为了那些打算在以英语作为交流语言的国家和地区六月或就业的人们设置的英语语言水平考试学术类（A类）出国留学申请本科，研究生及以上学位，或获得专业资质培训类（G）：英国国家移民申请（澳大利亚，加拿大，新西兰及英国等等），或申请培训及非文凭类课程用于英国签证及移民的雅思考试（UKVI）UKVI是用于英国签证及移民的雅思考试，是_it will rain和it is goingto rain

小米平板2怎么样卡刷开发版启用root权限-程序员宅基地

文章浏览阅读703次。小米的手机不同手机型号一般小米官方论坛都提供两个不同的系统，即分别是稳定版和开发版，稳定版没有提供ROOT权限管理，开发版中就提供了ROOT权限，很多情况我们需要使用的一些功能强大的工具，都需要在ROOT权限下工作，就比如我们工作室在使用的营销引流工具引号精灵，就是需要有ROOT权限才能进行正常跑起来，但是，我们新买到的手机一般默认安装的是小米系统的稳定版，所以，我们需要将小米平板2刷成开发版系统..._小米平板2刷开发版

python代码注释工具_python注释软件-程序员宅基地

文章浏览阅读618次。python注释软件是一款比较不错的编程工具，但是它主要是用来对你的编程语言进行注释和解析的，写代码并不是它的主要功能，所以使用python注释软件时还需了解清楚。软件介绍确保对模块, 函数, 方法和行内注释使用正确的风格Python中的注释有单行注释和多行注释：Python中单行注释以 # 开头，例如：：# 这是一个注释print("Hello, World!")多行注释用三个单引号 ''' 或..._python代码注释工具

android 日历 插件,Android实现日历控件示例代码-程序员宅基地

文章浏览阅读188次。做的是一个酒店的项目，可以选择入住和离开的日期。声明为了省事在网上找的资料，自己修改的逻辑，希望对需要的朋友有帮助。喜欢的给个好评。谢谢啦！祝生活愉快！先上图第一步，搭建布局xmlxmlns:app="http://schemas.android.com/apk/res-auto"android:layout_width="match_parent"android:layout_height="m..._日历只有三个文件源代码android

现在的python版本_为什么我要把python版本升级到3.8？是因为它的稳定？-程序员宅基地

文章浏览阅读801次。你是否还在使用Python3.7，3.6……甚至是更老的Python版本？确实，尝试去使用一个比较“新”的Python版本存在一定风险，我们容易遇到一些问题：生态，各种库的支持，兼容性……不同版本的解释器存在差异，以前的项目还能不能继续使用是个问题……新的特性或者功能太香，我实在忍不住更新了却遭遇到bug……image.png实际上，Python3.7的正式版最早发布于2018年06月15日，截止..._为啥2023还用python3.7版本

随便推点

解决树莓派4b使用vnc远程桌面连接时遇到Cannot currently show the desktop问题_树莓派vnc连接不显示桌面-程序员宅基地

文章浏览阅读842次，点赞8次，收藏13次。在较新的机器与系统上（树莓派4b+2021年5月份之后的32位桌面版系统），树莓派检测没插显示器，就关闭图像输出，VNC自然就获取不到桌面图像了。_树莓派vnc连接不显示桌面

HashMap的四种遍历方式_hashmap循环-程序员宅基地

文章浏览阅读7.2k次，点赞4次，收藏19次。第一种方式：采用for循环遍历key，然后根据key从HashMap中获取值代码如下 @Test void mapTraversal1() { HashMap<String, String> map = new HashMap<>(); map.put("key1", "value1"); map.put("key2", "value2"); map.put("key3", "value3"); _hashmap循环

12大理由告诉你选择Java不会后悔！-程序员宅基地

文章浏览阅读965次，点赞20次，收藏21次。整理的这些资料希望对Java开发的朋友们有所参考以及少走弯路，本文的重点是你有没有收获与成长，其余的都不重要，希望读者们能谨记这一点。其实面试这一块早在第一个说的25大面试专题就全都有的。以上提及的这些全部的面试+学习的各种笔记资料，我这差不多来回搞了三个多月，收集整理真的很不容易，其中还有很多自己的一些知识总结。正是因为很麻烦，所以对以上这些学习复习资料感兴趣《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！习资料感兴趣。

如何为微信小程序添加扫码支付和二维码收款功能-程序员宅基地

文章浏览阅读631次，点赞13次，收藏5次。通过上述步骤，您已经成功为微信小程序添加了扫码支付和二维码收款功能。为了实现二维码收款功能，我们需要使用微信支付API生成收款二维码，并在小程序中展示。在小程序的页面中，您可以添加一个按钮，并在点击事件中进行支付操作。请登录微信商户平台，在"账户中心"页面查看并记录上述信息。按照上面步骤中的操作，在小程序目录下引入微信支付API。在微信公众平台上，您需要先创建一个小程序。下载微信支付API，并解压到小程序目录下。的文件夹，并将解压后的微信支付API文件夹拷贝到。，下载最新的微信支付API。

在centos 7内核3.10的内核上编译安装6.0.3的最新内核_centos安装并编译内核-程序员宅基地

文章浏览阅读217次。在centos 7内核3.10的内核上编译安装6.0.3的最新内核_centos安装并编译内核

【Python】Python字符串格式化问题：%、format()与f-strings-程序员宅基地

文章浏览阅读858次。目 录一、字符串格式化方法概览二、format() 常用格式化 1、通过位置 2、通过关键字参数 3、通过对象属性 4、通过下标 5、格式限定符 ..._.format()限制符

推荐文章

热门文章

相关标签