【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

智能推荐

Java知识总结-基础

** * 外部内、内部类 */ public class Outer { public static IAnimal getInnerInstance(String speak){ return new IAnimal(){ @Override public void speak(){ System.out.println(speak);当程序第一次引用该类的静态成员时,就会触发这个类的加载。

Apache Kylin Buid Cube详细流程_kylin buid cuboid的时候每一步都要等待2分钟-程序员宅基地

文章浏览阅读506次。Build Cube流程主要分为四个阶段:根据用户的cube信息计算出多个cuboid文件根据cuboid文件生成htable更新cube信息回收临时文件1.流程一:作业整体描述把构建Cube的来源表总行数写到指定的HDFS文件中2.流程二:生成中间临时数据这一步的操作是根据Cube设计中的定义生成原始数据,这里会新创建一个Hive外部表,然后再_kylin buid cuboid的时候每一步都要等待2分钟

团队管理视角-程序员宅基地

文章浏览阅读779次。一个管理者要带团队有三重视角:第一个视角是管理者,第二个视角是教练员,第三个视角是指挥员。管理者视角管理者视角,最常规的视角。比如效率和质量如何衡量?如何分解和分配任务?项目进展怎么样了?进度怎么估算?有没有瓶颈,瓶颈在哪?根因是什么?绩效怎么考核?而今天我们要讨论的是管理者的首要目标——求生存。如果一个团队在公司里没有价值了,那么整个团队都会被裁掉。所以,作为管理者最重要的是先能生存下来,证明自己是能胜任的,然后证明自己的团队是能胜任的。证明自己理解何为胜任,就是领导布置任.._管理视角

什么场景要使用策略模式,什么场景不能使用?_java 策略模式 什么情况不适合-程序员宅基地

文章浏览阅读916次。需完整版面试文档扫描左侧二维码拿!滴,老年卡;滴,学生卡;滴正常卡。我们在坐公交车的时候啊,这个场景每天都在上演。那如果,让你来设计这样一套刷卡的结算逻辑,你最先想到的是用什么设计模式呢?如果,让我来设计,我最先想到的就是策略模式。另外,我把往期面试题解析的配套文档我已经准备好,想获得的可以在我的煮叶简介中找到。那么什么场景要使用策略模式,什么场景又不应该使用策略模式呢?我们可以先来看官方对策略模式的定义。1、官方定义官方原文是:Define a family of algor_java 策略模式 什么情况不适合

【解决问题】:fatal error C1034: iostream: 不包括路径集-程序员宅基地

文章浏览阅读8.1k次,点赞13次,收藏20次。在VS2019的环境变量配置好cl.exe系统环境后报错fatal error C1034: iostream: 不包括路径集【解决方法】此电脑电脑右键->属性->高级系统设置->环境变量->系统变量->新建INCLUDE编辑环境变量五个用英文分号隔开如图保存之后可能报错:fatal error LNK1104: 无法打开文件“libcpmt.lib【解决方法】此电脑电脑右键->属性->高级系统设置->环境变量->系统变量->新_fatal error c1034: iostream: 不包括路径集

word 的使用 —— 快捷键(分节符 分页符 分栏符)_word分节快捷键-程序员宅基地

文章浏览阅读1.5w次。word 的使用 —— 快捷键(分节符 分页符 分栏符)_word分节快捷键

随便推点

《SoC设计方法与实现》(1)_soc设计方法与实现 epub-程序员宅基地

文章浏览阅读347次。SOC(System On Chip)即系统级芯片,又称片上系统,其将系统的主要功能综合到一块芯片中,本质上是在做一种复杂的IC设计。现在的SOC芯片上可整体实现CPU、DSP、数字电路、模拟电路、存储器、片上可编程逻辑阵列等多种电路,综合实现图像处理、语音处理、通信协议、通信机能、数据处理等功能。SOC的优势有:可以实现更为复杂的系统、具有较低的设计成本、具有更高的可靠性、缩短产品设计时间、减少产品反复的次数、可以满足更小尺寸的设计要求、可达到低功耗的设计要求。_soc设计方法与实现 epub

Linux内核模块动态添加方法_linux 将moudle动态加入内核-程序员宅基地

文章浏览阅读391次。Linux内核模块动态添加方法 今天下午通过一番折腾,终于琢磨除了Linux内核模块的动态加载方法,网上大部分教程基于旧版本做的,有很多地方不一样,走了很多弯路,不过最后终于成功了,方法如下:1、建立C++源文件,假设文件目录为path,文件名为hello.c源代码如下:#include #include

【Matlab】图像裁剪函数imcrop的原点、长度、宽度问题_im1.crop函数-程序员宅基地

文章浏览阅读2.9w次,点赞12次,收藏36次。【Matlab】图像裁剪函数imcrop的原点、长度、宽度问题[toc] Matlab中,函数imcrop用来裁剪图像,但有几个问题要探讨一下。 先说imcrop的简单用法:I2 = imcrop(I,RECT)I代表原图,RECT是裁剪区域。 RECT的形式是这样的:[XMIN YMIN WIDTH HEIGHT]问:区域RECT的原点是怎么定义的,或者说在哪?区域RECT的长度和宽度,我_im1.crop函数

[转]内嵌WORD/OFFICE的WINFORM程序——DSOFRAMER使用小结-程序员宅基地

文章浏览阅读408次。最近一直想用VC#2005做个内嵌WORD/OFFICE的WINFORM程序,目前主要有以下解决途径:1、直接通过API把WORD/OFFICE的窗口句柄给放到WINFORM中(感觉较为复杂);2、通过WEB BROWSER;3、利用DSOFRAMER。本人都测试了一下,觉得DSOFRAMER更符合自己的愿望,故决定使用DSOFRAMER来实现。操作步骤:WinForm..._vs dso framer control object

【Tensorflow】读取TFRecord文件时,Image和Label无法一一对应_tensorflow label和data没有对齐-程序员宅基地

文章浏览阅读1.0k次。问题Image和Label数据成对写入TFRecord文件,按理训练过程中读取的Image和Label也应该是一一对应的,但有的时候发现Image和Label并不能匹配。如:将以下数据写入TFrecord中:Image 1 —— Label 1Image 2 —— Label 2Image 3 —— Label 3读取TFRecord时,数据发生错位:Image 1 —— Labe..._tensorflow label和data没有对齐

Spring Boot Shiro 权限管理_bean 'getauthorizationattributesourceadvisor' of t-程序员宅基地

文章浏览阅读10w+次,点赞80次,收藏333次。本来是打算接着写关于数据库方面,集成MyBatis的,刚好赶上朋友问到Shiro权限管理,就先总结下发出来了。使用Shiro之前用在Spring MVC中,是通过XML文件进行配置。 既然现在在写Spring Boot的帖子,就将Shiro应用到Spring Boot中,我本地已经完成了SpringBoot使用Shiro的实例,将配置方法共享一下。先简单介绍一下Shiro,对于没有用过Shiro的_bean 'getauthorizationattributesourceadvisor' of type [org.apache.shiro.spri