UGUI如何在UI与UI直接穿插粒子特效和模型

最新推荐文章于 2024-07-30 14:59:34 发布
最新推荐文章于 2024-07-30 14:59:34 发布
阅读量9.9k 收藏 13
点赞数
文章标签： ui canvas ugui 粒子 模型
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/linxinfa/article/details/51955484
版权

为了规范，假设我们的所有UI和放在UI上的粒子、模型等，它们的layer都设置为UI层


接着我们需要将Canvas的Render Mode设置为Camera模式，并且为其添加Render Camera


其中UICamera的设置如下，主要设置层过滤(只渲染UI层)和投射模式为正交模式


好，以上都准备好了之后，现在可以动手测试了

我们先在Canvas上创建两个Image


然后再在Canvas上创建一个例子，并改成为UI层，


为了让粒子夹在image_a和image_b之间，我们需要修改粒子的Order in Layer，并且给image添加Canvas组件，同时设置Order in Layer

比如这里我们设置

image_a 为 0 （不设置也可以，默认为0）

粒子为 1

image_b 为 2



效果如下：


粒子加载image_a和image_b中间啦~


在UI上放模型的话，直接将模型放在Canvas上，并设置为UI层，然后调节UI的Pos Z坐标即可，如下所示



好啦，如果大家有别的比较好的方法，留言告诉我，大家一起学习和分享哈

林新发
关注
Unity UGUI、模型与特效的叠层实现
a834595603的博客
06-08 2859
Unity中UGUI、模型与特效的叠层实现 影响层次的因素 Camera组件，分为场景和UI。 Canvas组件，分层次，一般为Scene，Main，UI，Activity，Top。 Camera的Depth属性。 Canvas的Sorting Layer属性。 Canvas的Order in Layer属性。 ReaderQueue属性，Shader中的tags属性，属于Material的属性...
UGUI_UI和特效结合使用问题
那远远的云端
07-31 3981
UGUI和UI特效结合使用问题 一般我们会有UI、3D模型、粒子特效的穿插排序需求，这种情况下，我们需要单独特殊处理各种层级关系，特别是UGUI的不同的画布模式，不同的模式下坑点不同。 UGUI的画布模式介绍 https://www.cnblogs.com/msxh/p/6337338.html 不同画布模式下的分析 摄像机模式（世界空间模式） 通常我们正规需求做UI，都需要一个特...
UGUI中让粒子特效穿插在两个界面之间
星宇的专栏
04-06 2478
sorting order  和NGUI一样，同样可以用sorting order来控制，Canvas组件支持这些属性。
UGUI上显示特效插件ParticleEffectForUGUI
qilin598866753的博客
07-27 475
ui上显示特效常常涉及到层级的问题，常见处理办法是通过控制Canvas和特效Renderer的Sorting Layer以及Order in Layer来控制渲染顺序，这种实现的弊端是不好实现遮罩功能，需要手动把裁剪区域传递给自定义的Shader来实现裁剪，对于使用模板测试的Mask，由于Mask在子节点的UI元素渲染完后，会自动清除模板值，导致渲染特效时无法做模板测试；鉴于此，有大佬实现了一种用CanvasRenderer来渲染特效的方案，github传送门；
UGUI将粒子显示在两个UI之间 UGUI show particle between two UI component
由纪的博客
06-01 501
set UI canvas render mode "Screen Space - Camera" add canvas component to particle gameobject, check override sorting layer add canvas component to ui gameobject image1 and image2(such a...
【Unity UGUI】粒子特效插件：Particle Effect For UGUI
最新发布
Unity打怪升级
07-30 1216
在Unity游戏开发中，UI（用户界面）是玩家与游戏互动的重要部分。为了让UI更加吸引人，开发者们经常使用粒子效果来增加视觉效果。"Particle Effect For UGUI"是一个在Unity UI（uGUI）中渲染粒子效果的插件，具有可遮罩、可排序的特点，且无需额外的相机、渲染纹理或画布，使得在UI元素上创建动态粒子效果变得简单，创造出绚丽的粒子动画效果。
UGUI（九）UI粒子特效
Tonny_007的IT家园
08-25 2671
我们工作中使用的次时代界面NGUI，UGUI，在游戏窗口大小发生变化的时候，细心观察界面元素它的大小并没有变化(这个大小相对于电脑屏幕)。   但是3D场景中的模型大小是变化的，而粒子也一样会发生变化，如果我们想在UI上使用系统自带的粒子系统，这样就无法兼容各种大小的游戏窗口，因为无法使用系统粒子，就只能采用序列图或者摄像机渲染纹理的方式去做特效，这样做不是不可以，但是前者资源量大，后
【推荐100个unity插件之12】UGUI的粒子效果（UI粒子）—— Particle Effect For UGUI (UI Particle)
向宇
11-14 5027
该插件使用新的 APIMeshBake/MashTrailBake（随 Unity 2018.2 添加）通过 CanvasRenderer 渲染粒子。您可以在没有 Camera、RenderTexture、Canvas 的情况下为 UGUI 屏蔽和排序粒子。使用自定义顶点流时，可以用“不必要的”数据填充 zw 组件。着色器提示Properties// ...SubShaderTags// ...Stencil// ...Pass// ...// ...struct v2f。
Unity NGUI和UGUI与模型、特效的层级关系
bycw666的博客
03-24 999
前言 本篇文章是整理在做项目的过程中，遇到了各种各样的界面穿插问题，以及界面层级混乱，比如，手机卡了或点快了，就导致两个界面相互交叉。 这里有个unity学习交流小组 对于界面，这应该算是一个很严重的bug，很大部分原因是整个UI框架没有从整体上考虑这个，后来决心弄清楚层级的控制，并把一些对于目前项目可行的方法应用，界面穿插的问题少了很多，注意我只是在现有的框架打的补丁。如果是一个从头开始，在架构UI的时候，希望这篇文章能够帮到你们。 以前项目使用的NGUI插件，UI是有一个人摆放的，我们客户端就拿
U3D UGUI上粒子特效穿插层级 问题解决
qq_35267906的博客
06-30 710
在使用Unity3d的UGUI开发的时候，经常会使用到粒子系统。但是粒子系统有一套自己的渲染层级，导致我们在UGUI中穿插使用的时候特别鸡肋。 在网上查阅了很多开发者的方案，大部分是使用Canvas分割层级实现穿插的效果，但是使用Canvas就不能保证我们制作UI上那种顺序合理的节点层级结果。还有少部分的人使用渲染到纹理的方式来添加，这种相机销毁成本过高。 这里实现一个不改变UI节点层级结构，...
Unity UGUI处理粒子和UI的层级关系
09-02
在Unity GUI（简称UGUI）中经常会用到粒子特效，但是默认粒子特效的层级在UI之下，通过设置粒子的渲染深度来达到UI层级和粒子层级嵌套
UGUI粒子与UI叠加状态（粒子与UI渲染顺序）
路漫漫其修远兮，吾将上下而求索
07-01 1511
游戏开发中不免要在两个UI元素之间插入一个粒子特效（Partice Sysrtem），使我们的粒子处于两个UI元素中间。 实现方案1 1.通过设置Canvas层级和粒子渲染层级达到效果 如图，粒子夹在ImageA和ImageB中间 这里实现方式有很多种 1.ImageA和ImageB处于两个不同渲染层的Canvas 两个Canvas的RenderMode使用相机模式（Screen Space-Camera） A的Canvas渲染层级为10，B为0 然后粒子特效的RenderOrder为0-10之间即能
UGUI深度学习（二）-- 浅谈特效穿层问题
光的博客
03-06 4317
浅谈特效穿层 简单理解： 图示显示为particle和UI并不处于同一渲染队列中，整体是分开渲染的。 处理方案：让二者处于同一渲染队列中进行统一渲染管理 测试： public class APIS : MaskableGraphic { Mesh mesh; // Start is called before the first frame update void OnEnable() { ...
UGUI和粒子特效显示层级问题
HarvestHarvest的博客
08-18 4287
1，粒子特效显示在UI界面之上 首先要保证渲染UI界面的canvas的rendermode不是overlay的模式，如果是overlay的模式，粒子特效是不会显示在UI上面的。Canvas在屏幕空间中渲染，会显示在场景的最上方，遮住除UI外的一切物体（粒子系统是在世界空间中渲染的，受摄像机影响）。此时Canvas的渲染不受Camera影响，场景中没有摄像机也能正常渲染。 所以粒子特效显示在UI界面上，首先就是让canvas的渲染模式（Render Mode）改为Screen-Camera或者World Sp
Unity Ugui UI 粒子 以及 3D模型 层级问题
游戏人生
02-15 877
Unity 版本 2020.3 设置好这个 现在希望实现效果是两张image 中间夹一个粒子特效 图渣 请多包含 类似这样 网上的教程都说了 给image 加 Canvas 改Order啥的 其实不用 只要加了canvas就行了 粒子里的层级也不用动 改了也没用 一点效果也没有 应该改 Pos Z 那好 如果不加canvas会咋样？ 会这样 图片穿了 有点像遮罩 就这么个东西 网上说啥的都有 还有改shader的 ...
粒子特效在UGUI画布上的显示使用
weixin_56839920的博客
06-26 1114
每一个不熟悉的功能实现，都要从单元测试开始。 最不复杂的就是在只有Canvas、UICamera和MainCamera的工程上进行操作。 1、新建Camera命名“UICamera”,设置Camera组件中的ClearFlags为Depth Only，其他值默认。 2、Canvas上新建Image(黑色方块)，调整RenderMode如图，将步骤1中的UICamera赋值给 RenderCamera,其他默认不动。 3、新建Cube(...
UGUI-UI添加特效
lq
06-05 8777
UGUI-UI添加特效开发项目的时候遇到一个需求，UI上要加特效，UI使用的是UGUI,经过多次试验终于找到一个解决办法。第一步： 创建一个Canvas，在Canvas下创建一个Panel，在Panel下创建一个Image，给Image添加图片 如下第二步： 设置Canvas参数，修改Render Mode ： Screen Space - Camera 创建一个Camera（GameObj
Unity 使粒子渲染在UI中间
是让你心动的博客呀~~
09-08 551
Unity 使粒子渲染在UI中间
精解ugui unity ui设计与开发从入门到精通 pdf
01-08
《精解UGUI Unity UI设计与开发从入门到精通pdf》是一本介绍如何使用Unity引擎中的UGUI界面设计和开发的书籍。UGUI是Unity游戏开发中常用的界面开发工具，可以用于创建各种交互式的用户界面。 这本书从入门到精通地介绍了UGUI的设计和开发过程。首先，书籍会介绍UGUI的基本概念和基础知识，例如UI元素的使用和布局，UI事件的处理和响应等。接着，书籍将深入讲解UGUI的进阶技术，如动画效果、UI组件的定制化、UI的优化等。 这本书的特点之一是注重实践，里面包含了很多实例和案例，能够帮助读者理解书中所介绍的概念并进行实际操作。除此之外，书中还提供了一些实用的技巧和经验分享，帮助读者在实际开发中更加高效地运用UGUI技术。 总之，这本书是一本详细介绍UGUI设计与开发的实用指南，适合想要系统学习UGUI的Unity开发者。通过阅读这本书，读者可以从入门到精通地掌握UGUI的各种技术和应用，提升在Unity UI设计和开发方面的能力。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

林新发

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值