如何在CocosCreator中利用常驻节点做图层管理

如何在CocosCreator中利用常驻节点做图层管理?

一、常驻节点

在CocosCreator中,可以通过创建常驻节点来管理所有节点。常驻节点一般用于保存全局数据或者场景切换时需要持续存在的数据。

创建常驻节点:

1.在层级管理器中右键选择"Create",选择"Node",创建一个普通节点。

2.将该节点拖拽到"Canvas"上使其成为Canvas的子节点。

3.选中该节点,在属性检查器中勾选"Persist Node",该节点就成为了一个常驻节点。

二、利用常驻节点做图层管理

利用常驻节点可以方便地实现图层管理。比如说,我们想要实现两层背景,一层前景以及一个角色的放置,可以按照下面的步骤来实现。

1.创建三个普通节点,分别命名为"background1","background2",以及"character"。

2.将"background1"和"background2"赋予背景图片,将它们分别放在相应的位置。

3.将"background1"的Z轴值设置为2,"background2"的Z轴值设置为1,"character"的Z轴值设置为0,使得它们形成正确的层级顺序。

4.创建一个常驻节点,命名为"layer",将上述三个节点作为它的子节点。

5.对"layer"进行"Position Adjustor"调整,使其坐标与"Canvas"一致。

6.当场景切换时,"layer"会一直存在,由于它是"Canvas"的子节点,所以一旦切换场景,里面的节点也会被清空。

7.在下一个场景中,重新创建背景与角色,然后将它们添加到刚刚创建的常驻节点的子节点上,来实现图层管理。

示例一:

创建一个血条UI,在游戏过程中时时刻刻显示,可以使用常驻节点来管理。

1.创建一个普通节点,作为进度条的背景。

2.创建一个"ProgressBar"资源,将其设置为"fill"类型,作为进度条。

3.将普通节点和进度条节点添加到一个新的子节点上,命名为"blood"。

4.将"blood"节点的Z轴值调到最高。

5.创建一个常驻节点,并将"blood"节点添加到其中。

6.创建一个"UIManager"类,通过获取常驻节点来访问血条UI,动态调整UI展示时的数值。

示例二:

在游戏开发中,希望能够控制场景中所有节点的透明度,可以使用一个单例设计模式来管理所有的节点。

1.创建一个新场景,添加一些节点。

2.创建一个普通节点,命名为"GlobalNode",将场景中的所有节点作为它的子节点。

3.设置所有子节点的初始透明度。

4.创建一个单例类"GlobalOpacity",定义一个成员变量"opacity"来动态控制"GlobalNode"及其子节点的透明度。

5.当需要修改节点透明度时,通过"GlobalOpacity"类的实例修改成员变量"opacity"的值即可,因为该类采用单例设计模式,所以节点透明度的改变在整个游戏中都是有效的。

以上是常驻节点在CocosCreator中做图层管理的两个示例,希望能够对大家有所帮助。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:如何在CocosCreator中利用常驻节点做图层管理 - Python技术站

(0)
上一篇 2023年6月8日
下一篇 2023年6月8日

相关文章

  • 基于Node.js的强大爬虫 能直接发布抓取的文章哦

    让我来详细讲解基于Node.js的强大爬虫并能直接发布抓取到的文章的攻略。 什么是Node.js爬虫? Node.js是一种用于构建高效、可伸缩性网络应用的工具。如果您需要从另一家网站上批量获取数据,Node.js爬虫就可以派上用场。 Node.js爬虫可以从网站上批量获取数据,然后将其处理并显示在您的网站上。 如何编写Node.js爬虫? 编写Node爬虫…

    node js 2023年6月8日
    00
  • JS实现将链接生成二维码并转为图片的方法

    下面是“JS实现将链接生成二维码并转为图片的方法”的完整攻略。 步骤1:引入qrcode和html-to-image库 为了方便生成二维码和将二维码转化为图片,我们需要先引入qrcode和html-to-image库。 <head> <script src="https://cdn.staticfile.org/html-to-i…

    node js 2023年6月8日
    00
  • 如何在nodejs中体验http/2详解

    当我们使用nodejs开发Web应用程序时,常常需要涉及HTTP协议的使用。那么在HTTP/2协议下,如何在Node.js中体验HTTP/2呢?下面提供一份详细的攻略。 1. 判断Node.js版本 在Node.js中使用HTTP/2协议,需要保证Node.js版本在v8.4.0及以上。可以使用以下命令来判断当前Node.js版本: node -v 2. 安…

    node js 2023年6月8日
    00
  • node中的cookie的具体使用

    接下来我将为你详细介绍“Node.js中的Cookie的具体使用”的攻略。 什么是Cookie 在Web开发中,Cookie是一种由服务器通过HTTP协议写入客户端计算机中的小文件,它可以保存一些用户身份验证、页面定位、状态保持等相关信息。之后客户端每次请求页面都会携带该Cookie信息,从而完成用户身份的认证和页面状态的保持。 Node.js中的Cooki…

    node js 2023年6月8日
    00
  • 多个vue项目复用一个node_modules的问题

    首先需要明确的是,当我们说复用node_modules时,我们指的是多个Vue项目共享一个node_modules文件夹,而不是多个项目共用一个包的实例。 一般来说,我们将每个Vue项目的依赖安装在各自的node_modules文件夹中,这样可以确保每个Vue项目的依赖不会相互影响。但是,当我们需要同时维护多个Vue项目时,这样做就会带来很多重复的工作。为了…

    node js 2023年6月8日
    00
  • 在node中如何使用 ES6

    在 Node 中使用 ES6 有以下几步: 步骤1:安装对应版本的 Node 首先,要确保安装的 Node 版本兼容 ES6 的语法。如果安装的是旧版本的 Node,则无法使用 ES6。 可以在 Node 的官方网站(https://nodejs.org/zh-cn/)下载最新的 LTS 版本。或者使用 Node 版本管理器 nvm(https://gith…

    node js 2023年6月8日
    00
  • 微信公众号中的JSSDK接入及invalid signature等常见错误问题分析(全面解析)

    微信公众号中的JSSDK接入及invalid signature等常见错误问题分析(全面解析) JSSDK接入 在微信公众号开发中,我们可以通过使用JSSDK来调用微信的各类服务。下面是JSSDK的接入步骤: 在微信公众平台获取 AppID 和 AppSecret 在后端使用 AppID 和 AppSecret 获取 access_token 在前端使用 a…

    node js 2023年6月8日
    00
  • 20行代码简单实现koa洋葱圈模型示例详解

    20行代码简单实现koa洋葱圈模型示例详解 基础知识 Koa Koa是一个Node.js的Web开发框架,它使用了ES6的新特性,并且没有内置的中间件。 什么是中间件 Koa中的中间件是一个函数,它们可以被串连在一起构成一个请求的处理流程。中间件函数的参数是ctx和next,ctx包含了请求上下文,next是下一个中间件函数。 洋葱圈模型 Koa的处理流程采…

    node js 2023年6月8日
    00
合作推广
合作推广
分享本页
返回顶部