cocos 层级渲染与管理

最新推荐文章于 2025-10-03 07:08:10 发布
原创 最新推荐文章于 2025-10-03 07:08:10 发布 · 2.3k 阅读 · 4 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#cocos #游戏

本文深入探讨了Cocos2d-x引擎中层级管理的特殊机制，揭示了层级调整对节点渲染顺序的影响，及如何正确处理层级设置以避免视觉效果的意外变化。

今天踩了一个坑，我在设置层级时，同一层Node中将一个Node；Node1有需求设置为了99999（原本为0），也就是显示为最高层，随后需求完成后设置为0，返还回去，发现效果没有变，最后发现cocos的层级管理有点东西，为避免后人采坑，作下文：

cococ渲染是树状结构，同级的节点层级是和同级的相比的，就像Node1.Node2.Node3.Node4.Node5,调整Node1的节点，也只会改变同层的Node层级栈

而子节点都是基于父节点的，就像我改变了Node6的层级，也只是在Node6,Node7,Node8之间做调整，不会影响到父节点的层级关系：如果Node1在第一分支中层级是最低的，那么就算Node6层级为9999，那也只是在Node1下的子节点有用，Node2等等的子节点层级也会在Node1之上

而cocos 渲染顺序是加入Node的时候没有设置层级，则层级默认为0，再往后加Node，也都是0，但是后面的Node会在top，所以我在设置回0的时候，cocos是默认放在同层的层级都为0的最后的，也就是在top。可以看成一个层级栈，此时我设置任一同一层级的Node为1，那么这个Node在同一层级中是top

Cocos Creator引擎开发：VR场景管理与图层设计_（10）.图层的渲染与优化
chenlz2007的博客
04-27 725
创建 Shader 资源在 Cocos Creator 中，右键点击资源管理器，选择创建一个新的 Shader 资源。编写 Shader 代码编写一个简单的自定义 Shader，例如添加一个颜色混合效果。使用自定义 Shader在节点的材质中使用自定义 Shader。cc.Class({},start() {// 获取角色节点的渲染组件// 设置自定义 Shader// 设置 Shader 参数},});
Cocos Creator引擎开发：场景管理与图层设计_场景与节点的层级关系
chenlz2007的博客
11-04 761
节点是Cocos Creator中最小的可复用单元，可以包含多个子节点，形成一个节点树。每个节点都有自己的位置、旋转、缩放等属性，这些属性会影响到节点的显示和行为。父节点的变换（位置、旋转、缩放）会影响到子节点的变换。虽然子节点会受到父节点的影响，但子节点仍然可以进行独立的变换。假设我们要构建一个复杂的场景，包括一个地图节点、多个敌人节点和一个玩家节点。节点的显示顺序可以通过调整节点在父节点中的子节点列表中的位置来实现。父节点的变换会影响到所有子节点。例如，父节点的位置、旋转和缩放会影响到子节点的显示。
cocos creator学习（九）构建后更改图片和层级设置
judykang123的博客
09-24 2644
目录前言更改图片更改位置 前言 上一节写的是构建发布，那么构建完还是需要更改一些小点，但是像我做的一些项目，构建完还需要和h5页面套在一起，一旦重新构建，后台也需要重新改路径之类的，就很麻烦，所以能改构建完的文件，就最好不重新构建 更改图片 如果说我们想找图片back，那么在cocos里发现图片back是层级back的背景图片，如图： 接下来在构建后的文件里，找到res–import–里面的json文件，编辑器打开，ctrl+F搜索back，这个json文件里没有就换一个。 搜到后如果是HbuilderX
攻克透明物体渲染难题：Cocos Engine渲染队列深度解析
最新发布
gitblog_00474的博客
10-03 748
你是否还在为游戏中透明物体重叠显示异常而烦恼？是否因粒子特效与UI层渲染顺序错乱而调试到深夜？本文将彻底解决这些问题，通过剖析Cocos Engine渲染队列的底层实现，带你掌握透明度排序的核心逻辑与渲染顺序控制技巧，让你的游戏画面从此层次分明、视觉效果惊艳。读完本文，你将获得：透明/不透明物体排序规则、自定义渲染队列优先级的实战方法、多场景渲染顺序调试技巧，以及性能优化的关键策略。 ## 渲染...
CocosCreator 搭建场景和坐标系转换(第二篇)
程序员战胜
02-14 2296
前言： 我们在玩随便一个游戏时，都会发现游戏有很多个的界面，比如（登录界面、主菜单界面，游戏界面、商店界面等），其实这都是一个个的场景，我们通过代码来控制不同场景之间的切换。一个场景里面会有很多的节点组成，为制作出多种多样的节点，我们是通过在节点上挂载不同的组件来实现。在搭建场景时，需要用到一个重要概念----坐标，这个坐标包括相对坐标和世界坐标两种。相对坐标是指以父亲节点为参考系，世界坐标是指以...
Cocos Creator 3.6 新特性详解 2/3：渲染篇
15 年专注游戏引擎与游戏开发，分享实用方案、经验与干货教程！
08-17 1193
- **环境反射卷积（Reflection Convolution）** - **级联阴影（CSM, Cascaded Shadow Maps）** - **粒子噪声模块（Noise Module）** - **动态模型（Dynamic Mesh）** - **各向异性光照（Anisotropic Lighting）** - **表面着色器（Surface Shader）**...
17 CoCos Creator-Node Tree 层级管理器
苏法迪的专栏
01-13 2822
0. 原文 https://docs.cocos.com/creator/manual/zh/getting-started/basics/editor-panels/node-tree.html 1. Node Tree 层级管理器 层级管理器 中包括当前打开场景中的所有节点，不管节点是否包括可见的图像。你可以在这里选择、创建和删除节点，也可以通过拖拽一个节点到另一个上面来建立节点父子关系。 点...
cocos 修改层级_管理节点层级和显示顺序
weixin_42298225的博客
02-01 4473
管理节点层级和显示顺序通过前面的内容，我们了解了通过节点和组件的组合，能够在场景中创建各种图像、文字和交互元素。当场景中的元素越来越多时，我们就需要通过节点层级来将节点按照逻辑功能归类，并按需要排列他们的显示顺序。了解层级管理器创建和编辑节点时，场景编辑器 可以展示直观的可视化场景元素。而节点之间的层级关系则需要使用 层级管理器 来检查和操作。请先阅读层级管理器面板介绍，来掌握 层级管理器 的使用...
cocos的渲染原理代码彻底分析
m0_37609239的博客
03-20 4776
从头到尾梳理一遍cocos的渲染流程，并且简单介绍一些渲染知识。 带着猜想去看代码，最终得到验证。 设想一下还有哪些可以优化的地方。 最终总结一下，我们在日常开发中如何利用合批策略。
Cocos Creator引擎开发：场景管理与图层设计_图层的可见性与激活状态管理
chenlz2007的博客
11-05 1153
图层的可见性与激活状态管理是Cocos Creator游戏中场景管理的重要组成部分。通过合理地设置图层的可见性、激活状态、层级、过渡效果以及优化性能，可以提升游戏的视觉效果和用户体验。希望本文的内容对您的游戏开发有所帮助。
quick cocos 2dx-Lua 设置节点层级
silent_F的博客
08-31 1178
node:setLocalZOrder(0) 说明：括号中的数字越大，表示层级越高。高层级的节点会覆盖在低层级节点上
cocos2d-x层级窗口消息机制Demo
08-06
一个使用cocos2d-x层级窗口消息机制的小Demo。
【学习总结】COCOS的渲染流程
weixin_43890220的博客
08-05 2324
秋招了秋招了，再不写点总结就寄了，由于我最爱的Unity底层代码看不到，所以只能从COCOS底层的渲染过程大致揣测一下Unity的做法 文章结构关于COCOS渲染流程的一些总结COCOS渲染流程的启动Visit()方法做了什么 关于COCOS渲染流程的一些总结 首先，COCOS组织整个项目资源的方式是通过资源树来进行的。据以往学习到的知识来看，使用资源树最大的好处是方便做空间划分然后剔除掉不用渲染和处理的部分，（四叉树，八叉树等空间划分法加速处理过程）。因为只要一个节点不在相机范围之内，那么这个节点之后的
cocos2d-x渲染先后层级机制
code_monkey的专栏
04-21 3658
其实原理和别的引擎都差不多，基于zorder的先后来控制2d层级的先后。 void CCNode::sortAllChildren() {     if (m_bReorderChildDirty)     {         int i,j,length = m_pChildren->data->num;         CCNode ** x = (CCNode**)m_pChil
cocos2d类的层级关系
baidu_25539425的博客
04-07 1775
Director:导演,单例类Director::getInstance() 设置游戏配置(OpenGL),推动游戏发展 runWithScene,replaceScene,pushScene,popScene Scene:场景 负责组织游戏元素 Layer:层,负责组织游戏元素 Sprite:精灵,封装了一张图片,显示具体元素，背景图片,主角，敌人，道具，头像 GLView:舞台...
cocos 修改层级_cocos creator 场景如何透明，多个canvas层级显示
weixin_39525097的博客
12-20 976
经过多次实验，Canvas模式下，cc.game.run(option, onStart);之前cc.macro.ENABLE_TRANSPARENT_CANVAS = true;成功露出了cocos 自带的Canvas下的其他dom元素在WebGL模式下，渲染层级在最上面的Node需要开启opacity = 1，同时设置则此node内的范围都会露出底层的其他dom元素，同时node之外的内容被裁...
cocos2d-x 3.2渲染层级问题--层级突然变混乱
bobo1993的专栏
09-11 3966
话说N年前，美女计算机老师讲排序的时候,
cocos2d-x中Node与Node层级架构
关东升
05-05 197
Cocos2d-x采用层级（树形）结构管理场景、层、精灵、菜单、文本、地图和粒子系统等节点（Node）对象。一个场景包含了多个层，一个层又包含多个精灵、菜单、文本、地图和粒子系统等对象。层级结构中的节点可以是场景、层、精灵、菜单、文本、地图和粒子系统等任何对象。     节点的层级结构 这些节点有一个共同的父类Node。Node类是Cocos2d-x最为重要的根类，它是场景、层、精灵、菜...
cocos creator 2d实现角色在障碍物的上方和下方的不同来调整层级
github_38633141的博客
12-02 1735
因为是2d所以只能通过调整同一个node下的子节点的zIndex来修改层级的显示高低 我这里的障碍物是墙 我这里主要是为了实现，2d情况下，角色在墙的的上方显示的时候，要低于墙的层级，也就是被墙挡住一部分，在墙的下方，要高于墙的层级显示 场景中墙的高度基本一致，比较均匀，场景大概有10行，每行高度80左右，每行中都有可走的路和分布的墙，这就要求走到不同的位置的时候，比如说 角色加在上下两墙之间，要高于上墙的显示，低于下墙的显示，这时候怎么办？ 最简单的方法，是这么做的，每行的障碍物，设置相应的层级
cocos creator渲染流程
06-17
<think>我们正在讨论CocosCreator的渲染流程和机制。根据之前的引用，我们知道节点是CocosCreator中所有可视化对象的基础，节点可以包含多个组件，如渲染组件、相机组件等。节点之间形成层级关系，构成游戏场景。CocosCreator的渲染流程大致如下：1.**场景遍历**：引擎从场景根节点开始，按照节点树进行遍历（通常是深度优先遍历），收集所有需要渲染的节点。每个节点上的渲染组件（如Sprite、Label等）会提供渲染数据（如顶点、纹理等）。2.**渲染排序**：收集到的渲染数据会根据一定的规则进行排序。排序规则包括：-节点的渲染层级（Layer）-节点的Z深度（用于2D的ZIndex或3D的Z值）-材质（Material）的渲染队列（RenderQueue）排序的目的是为了减少渲染状态切换，提高渲染效率。3.**渲染批次合并（Batch）**：为了减少DrawCall，引擎会尝试将使用相同材质和纹理的多个渲染数据合并成一个批次（Batch）。这样，原本需要多次DrawCall的渲染就可以通过一次DrawCall完成。4.**相机裁剪**：每个相机（Camera）会根据其可见性（Visibility）设置和视口（Viewport）设置，对渲染节点进行裁剪。只有位于相机视口内且可见层级（Layer）与相机Visibility匹配的节点才会被渲染。5.**渲染命令提交**：经过排序和批次合并后的渲染数据，会被转换成渲染命令（RenderCommand），并提交到渲染队列中。渲染队列根据相机的优先级（Priority）进行排序，优先级高的相机先渲染。6.**执行渲染**：渲染引擎（如WebGL、OpenGLES）执行渲染命令，将图像绘制到帧缓冲区（FrameBuffer）上。如果是多个相机，可能会渲染到多个渲染纹理（RenderTexture）上，然后通过后期处理（如合成）输出到屏幕。在整个流程中，CocosCreator使用了一种基于组件的架构。每个节点可以挂载多个组件，其中渲染组件（如Sprite、Label、ParticleSystem等）负责提供渲染数据。相机组件（Camera）控制渲染的视角和视口。关于性能优化，我们可以注意以下几点：-合理使用节点层级，避免过深的节点树。-尽量使用相同的材质和纹理，以促进批次合并。-使用动态合图（DynamicAtlas）将多个小纹理合并成大纹理，从而增加批次合并的机会。-合理设置节点的ZIndex和Layer，以便正确排序和裁剪。下面我们根据引用内容补充一些细节：-引用[2]提到相机组件的Priority和Visibility：Priority决定相机的渲染顺序，Visibility决定相机可以看到哪些层级的节点。-引用[3]提到动画帧率：虽然与渲染流程没有直接关系，但动画的更新也会影响渲染的内容。通常动画的更新是在渲染前进行的。以上是CocosCreator渲染流程的基本介绍。如果需要更深入的细节，可以参考官方文档或相关源码。§§相关问题§§1.CocosCreator中如何优化渲染性能？2.相机组件在渲染流程中具体起到什么作用？3.什么是渲染批次合并？它是如何减少DrawCall的？4.动态合图（DynamicAtlas）是什么？它是如何工作的？</think>### Cocos Creator 渲染流程详解 Cocos Creator 的渲染流程是基于**节点-组件**架构实现的，核心流程如下： #### 1. **场景遍历与渲染数据收集** - 引擎从场景根节点开始深度优先遍历节点树 - 收集所有包含**渲染组件**的节点（如 `Sprite`、`Label`、`MeshRenderer`） - 每个渲染组件提供顶点数据、纹理、材质等信息 - *引用[1]：节点是可视化对象的基础，通过层级关系构成场景结构*[^1] #### 2. **渲染排序与批次合并** ```mermaid graph LR A[渲染数据] --> B[按层级排序] B --> C[按Z深度排序] C --> D[按材质ID排序] D --> E[批次合并] ``` - **排序规则**： 1. 节点层级（Layer）优先级 2. Z轴深度（2D为ZIndex，3D为WorldZ） 3. 材质/纹理ID - **批次合并**：相同材质/纹理的渲染
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值