Unity - 搬砖日志 - UI & ParticleSystem 绘制排序的相关设置

最新推荐文章于 2025-05-23 10:53:53 发布
最新推荐文章于 2025-05-23 10:53:53 发布
阅读量2.7k 收藏 8
点赞数 2
CC 4.0 BY-SA版权
分类专栏： unity unity 搬砖 文章标签： Unity绘制顺序 绘制顺序 Sorting Layer Order In Layer RenderQueue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/linjf520/article/details/118422394
本文详细介绍了如何通过SortingLayer、OrderInLayer和RenderQueue控制Unity UI中的ParticleSystem层级绘制顺序，包括添加新层、调整排序策略，并提供了总结和相关领域的扩展阅读。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

文章目录

开始搬砖…

在平时开发 UI 中，肯定少不了 UI 与 ParticleSystem 的层级排序

今天有同学问题，如何在 UI 中 添加 ParticleSystem 可方便的处理他们之前的层级，那么现在我们就说说如何简单的使用

在这里插入图片描述

以上图为例，可以看到：Hierarchy 视图中， Canvas 节点下有 三个节点，分别是：Image, Particle System, Image (1) ，对应着 红色底板，粒子特效，蓝色底板

他们的绘制顺序是：先绘制 红色底板，再 是 粒子特效，再是 蓝色底板

控制绘制的排序：

UI 一般我们用这么几个，排序使用的优先级是：Sorting Layer > Order In Layer > Render Queue

下面看看栗子来帮助理解

默认创建这三个对象，他们的 Sorting Layer 都是 Default, Order In Layer 都是 0，如下图：

下面的 两个 Image 组件的 GO 我都分别挂载上 Canvas 够上 Override Sorting （覆盖排序）
在这里插入图片描述

但是，上面的设置，将得不到我们想要的效果：红色底板 最下面，中间是 粒子特效，最上层是 蓝色底板
在这里插入图片描述

Order In Layer 一致，Sorting Layer 不同

我们可以先尝试设置：Sorting Layer

在这里插入图片描述

但是设置前，发现只有一个 Default，在下拉框，可以点击：Add Sorting Layer…，也可以在：Edit->Project Settings…->Tags and Layers->Sorting Layers 来添加

在这里插入图片描述

先添加三个 Layer，如上图

然后分别引用到 Image, Particle System, Image (1) 上，如下图：
在这里插入图片描述

同样可以得到想要的效果，如下图：
在这里插入图片描述

可以看到，越大的 Layer ，绘制会置顶（或是越是后绘制）

Sorting Layer 一致，不同 Order In Layer

如果我们每一个对象都要搞一个 Sorting Layer 来控制对应排序的话，当 画面层级内容复杂，那么就得创建 非常多个 Sorting Layer 来处理？

这时可以使用 第二级 排序属性：Order In Layer

我们可以尝试在：三者的 Sorting Layer 一致，逐一提升 Order In Layer 来看效果：
在这里插入图片描述

效果也是和之前一致，就不截图了

Sorting Layer、Order In Layer 也一致、RenderQueue 不同

还有第三中方式：Sorting Layer、Order In Layer 也一致、RenderQueue 不同

RenderQueue 是 Material（材质）中的一个属性，如下图：
在这里插入图片描述

知道在哪里设置后，那就直接上设置参数：（但是缺点是，需要每个对象都要有不同的 Material，如果本身是相同的 Material，但是要使用这种方式来排序那就只能复制一个 Material 然后调整 RenderQueue 来处理了）
在这里插入图片描述

效果也是一直的，我也不截图了

但是，可以看到，本来 Image, Image (1) 使用的 Material 材质都是一样的，但是为了设置不同的 Material RenderQueue，所以我们给 Image (1) 专门搞了一个材质：UI 1，复制了 UI 材质

总结

做 UI 上的内容，基本上这三者够用，有些项目还需要调整：Hierarchy 层级顺序来制作的，我也见过，具体使用适合自己项目的就好啦

至于 绘制排序的话就挺多的，下面罗列一些不单指针对 UI 层级，相关内容，可以自己去搜索：

  • Hierarchy 层级
  • Sorting Layer
  • Order In Layer
  • RenderQueue
  • Material Pass
  • 内置管线的 Opaque 先绘制近，再绘制远的（ViewZ 升序绘制）
  • 内置管线的 Transparent 先绘制远的，再绘制近的 (ViewZ 降序绘制)
  • 自定义 SRP/API Draw 顺序

结束搬砖

Unity：Unity入门与基础操作_2024-07-12_19-40-32.Tex
03-18 688
在Unity中，C#是最常用的脚本语言，它提供了强大的功能和灵活性，用于创建游戏逻辑和交互。Unity的C#脚本环境允许开发者直接在Unity编辑器中编写和调试代码，无需离开开发环境。Unity API: Unity提供了丰富的API，包括物理引擎、动画系统、网络功能等，可以直接在C#脚本中调用。MonoDevelop和Visual Studio: Unity支持使用这些IDE进行脚本编辑，提供代码提示、调试工具等。生命周期方法: Unity中的脚本有特定的生命周期方法，如Start()
UI Particle System v1.31.unitypackage
05-08
UI粒子系统是Unity GUI中使用的3D粒子的高级解决方案。 使用此插件，您无需担心更改排序顺序，添加多个画布等问题。使用此插件，您只需几个简单的步骤即可将粒子添加到GUI。 UI粒子系统也是移动友好的，其非常有效的深度缓冲区使其性能非常便宜。
【Unity UI粒子系统解决方案】UI Particle System 解决了 Unity 中 UI 与粒子系统难以协作的问题，为开发者提供了一个灵活、性能优、易上手的 UI 粒子解决方案
2403_88403568的博客
04-13 765
UI Particle System 是一款专为 Unity UI（Canvas 系统）设计的粒子系统解决方案，允许你将粒子效果直接渲染到 UI 界面上，无需额外的摄像机或复杂的 RenderTexture 设置，完美支持 Unity 的 UGUI 架构。 这款插件适用于需要在用户界面中添加炫酷特效的场景，如按钮点击反馈、技能冷却提示、界面过渡动画等，是制作高质量 UI 动效的利器。
Unity UIParticle 插件 Auto Scaling Mode 参数详解
RainWind777的博客
05-23 648
更“现代”的做法，只调整粒子内部的 scale，不影响 UI Transform。尤其当 Canvas Scaler 为“Scale With Screen Size”或“Constant Physical Size”时，此模式能自动补偿 Canvas 缩放，保证粒子大小恒定，同时不破坏 UI 层级缩放​。此时无论选择 Transform 还是 UIParticle 模式，都与 None 模式等效——粒子尺寸按原设计输出，不受 Canvas 缩放影响（因为 Canvas 本身不缩放）。
UIParticlesSystem.unitypackage
07-01
UI Particle System is advanced solution for 3D particles used in Unity GUI. Probably everyone who tried to add particles to GUI had problems with making the same type of particles going around buttons or culling inside scroll views, but with this plugin you will not need to worry about changing sorting orders, adding multiple canvases, etc. With it you can just add next particles to GUI in few quick steps.
Unity Particle System在ui的显示问题
zjy_7的博客
12-11 1387
particle system在ui界面的显示
【Unity知识点详解】UI与Particle之间的排序
Backyard Garden Of Games
03-02 4132
文章当前使用的Unity版本为2018.3. 在UI开发中我们经常会用到一些Particle来增加游戏效果，这篇文章我们就来讨论一下UI与Particle之间的排序问题。主要讨论Particle穿插在两个UI之间的情况。 这里我们只讨论Canvas为Screen Space - Camera模式下的排序。 我们在Canvas上先创建两个Image，red和green，然后再创建一个Parti...
DoozyUI Complete UI Management System V3.1.3
08-18
DoozyUI 是一个原生 Unity 编辑器的扩展工具，可简化专业用户界面的管理和动画绘制 - 无需编程知识。DoozyUI 方便初学者并可扩展，适合从业余开发者到专业软件和游戏工作室之间所有阶段的人员使用。 UI 的管理和...
unity-粒子系统参数
birdswillbecomdragon的博客
03-14 4290
什么是粒子系统： __粒子__是由粒子系统大量呈现或移动的简单小型图像或网格。每个粒子代表一小部分流体或无定形实体，而众多粒子将共同营造出完整的实物感。以烟幕云团为例，每个粒子都具备细小烟雾的质感，自身形态类似于微型云团。在场景内，大量的这些微型云团通过排列组合，营造出体积更大的整体云团效果。 属性 属性 功能 Duration 系统运行的时间长度。 Looping ...
【Unity】UGUI中Camera Depth，Canvas Sorting Layer、Order in Layer与Particle System渲染层级分析
FEZ98
01-05 3209
1.渲染排序级别：Camera Depth>Canvas Sorting Layer>Canvas Order in Layer。 2.同时要注意区分Layer与Sorting Layer，在UI中，Layer主要用于Camera的Culling Mask，用于渲染选中的对象层，而Sorting Layer则是可以改变Canvas节点的渲染顺序。而Sorting Layer与Order in Layer的关系是当在同一Sorting Layer中时，Order in Layer负责其内部排序。
Unity UI交互提升攻略：用户界面设置与性能调优
Unity UI系统是一个强大的框架，用于在游戏和应用程序中创建和管理用户界面。这一章节将为读者提供一个关于Unity UI系统的基础和其背后原理的概览。我们会从UI系统的主要组件开始，解释每个组件在游戏或应用中的作用...
UI Particles.unitypackage
07-01
UI Particles – it's a simple extension allows you to add particles into your UI. UI Particles based on Unity Shuriken Particle System, you do not need change your particles. Simple add UIParticles script to your GameObjects with Shuriken Particle System, set it inside Canvas and you're done.
ParticleEffectForUGUI：在UnityUI（uGUI）中渲染粒子效果。 可屏蔽，可排序，并且没有多余的CameraRenderTextureCanvas
02-06
UGUI的粒子效果（UI粒子） :warning: 注意：不要使用来引用程序包。 它们将在不久的将来被删除。 :warning: 该插件提供了一个组件，可在Unity 2018.2或更高版本中为uGUI渲染粒子效果。 粒子渲染是可蒙版且可排序的，而没有Camera，RenderTexture或Canvas。 <<| | | >> 描述 该插件使用新的API MeshBake/MashTrailBake （Unity 2018.2添加）来通过CanvasRenderer渲染粒子。 您可以为uGUI遮罩和排序粒子，而无需使用Camera，RenderTexture，Canvas。 将此“烘焙网格”方法与
UI Particles 1.0.unitypackage
03-16
在 unity ugui 上显示粒子效果，解决ugui上显示粒子的层级问题，ui particle 可以被其他ui遮挡，完全代码，可以自己修改
Unity中SortingLayer、Order in Layer和RenderQueue的讲解
热门推荐
linxinfa的专栏
04-07 2万+
文章目录一. 前言二. 摄像机（Camera）1. 3D摄像机2. UI摄像机3. 摄像机的Depth和Clear Flags设置三. 画布（Canvas）1. Sorting Layer2. Order in Layer四. Shader的RenderQueue 一. 前言 Unity游戏开发中，模型、界面、特效等等，需要规划好层的概念，涉及到摄像机（Camera）、画布（Canvas）、Sha...
【推荐100个unity插件之12】UGUI的粒子效果（UI粒子）—— Particle Effect For UGUI (UI Particle)
向宇
11-14 7843
该插件使用新的 APIMeshBake/MashTrailBake（随 Unity 2018.2 添加）通过 CanvasRenderer 渲染粒子。您可以在没有 Camera、RenderTexture、Canvas 的情况下为 UGUI 屏蔽和排序粒子。使用自定义顶点流时，可以用“不必要的”数据填充 zw 组件。着色器提示Properties// ...SubShaderTags// ...Stencil// ...Pass// ...// ...struct v2f。
unity高性能的ui粒子系统，高效解决particlesystem不能用ui层级的问题
qq983985955的博客
10-11 1261
https://openupm.com/packages/com.coffee.ui-particle/
【Unity插件】UI Toolkit Particles - Particle Image for UI Elements 提供将粒子效果融入 UI 界面的高效方式
2403_88403568的博客
11-16 1496
UI Toolkit Particles - Particle Image for UI Elements 是一款专为 Unity UI Toolkit 打造的插件，允许开发者在 UI 元素中添加粒子效果，为用户界面增添视觉吸引力和交互体验。
Unity3D的ParticleSystem粒子特效
benben044的专栏
11-12 4602
介绍unity3d中粒子系统的使用，包括基础属性的介绍，多个示例的介绍
uiparticle unity 使用教程
最新发布
05-24
### 关于 Unity 中 UI Particle 的使用教程 在 Unity 中，`UI Particle` 是一种常用于创建视觉效果的技术，特别是在用户界面（UI）中添加动态动画或特效。以下是关于 `UI Particle` 在 Unity 中使用的详细说明。 #### 创建和配置粒子系统 要将粒子系统应用于 UI 元素，首先需要创建一个普通的粒子系统，并将其渲染模式更改为适合 UI 的方式。具体操作如下： 1. **创建粒子系统** 在场景中右键单击 -> Effects -> Particle System 来创建一个新的粒子系统对象。 2. **更改渲染模式** 找到粒子系统的 Renderer 模块，在其中将 Render Mode 设置为 `Billboard` 或其他更适合 UI 显示的方式[^1]。 3. **调整材质属性** 配置粒子的材质以适应 UI 场景需求。例如，可以选择透明度混合模式（Blend Mode），并将材质应用至粒子系统的 Material 属性中[^1]。 ```csharp using UnityEngine; public class ParticleSystemConfig : MonoBehaviour { public ParticleSystem particleSystem; public Material particleMaterial; void Start() { if (particleSystem != null && particleMaterial != null) { var renderer = particleSystem.GetComponent<Renderer>(); renderer.material = particleMaterial; // 将自定义材质赋予粒子系统 } } } ``` --- #### 动态控制粒子行为 通过 C# 脚本可以实现对粒子系统的动态控制，从而达到更加灵活的效果展示目的。下面是一个简单的例子，演示如何启动粒子发射以及响应按键输入来增加额外粒子数量[^2]。 ```csharp using UnityEngine; public class ParticleControl : MonoBehaviour { public ParticleSystem particleSystem; void Start() { particleSystem.Play(); // 开始播放粒子效果 } void Update() { if (Input.GetKeyDown(KeyCode.Space)) { particleSystem.Emit(10); // 当按下空格键时释放 10 个粒子 } } } ``` 此脚本允许开发者轻松管理何时开启关闭粒子流或者依据特定条件改变其表现形式。 --- #### 排序层设置 为了让粒子能够正确显示在其目标位置之上而不是被遮挡掉，则需合理安排它们之间的绘制优先级——即利用 Sorting Layers 功能完成这一任务[^3]。 - 进入 Edit->Project Settings->Tags and Layers 添加新的排序层名称如 "UI_Particles"。 - 确保该新增加项位于所有其它可能覆盖它的图层层级之后。 - 最后回到 Canvas 下面找到对应的 GameObject 并分配好刚刚建立好的 Sort Layer 值即可。 --- ### 总结 以上就是有关于如何在 Unity 工程里运用 UI Particle 技术的一些基础指导方针及其实际应用场景下的编码示范。希望这些资料能帮助您更好地理解和实践这项技能！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值