UGUI-- 模型和粒子显示在UI之前

Go_Accepted

已于 2022-06-07 16:55:00 修改

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： Unity学习 # Unity--UI 文章标签： ui unity 游戏引擎

于 2022-05-03 17:36:04 首次发布

本文链接：https://blog.youkuaiyun.com/Go_Accepted/article/details/124558513

本文介绍了在Unity的UGUI系统中，如何实现3D模型和粒子特效显示在UI前面的两种方法。方法一是通过调整Canvas的渲染模式和摄像机设置，直接用摄像机渲染3D物体；方法二是利用Render Texture，将3D模型渲染到图片上再通过UI显示。对于粒子特效，可通过调整粒子系统的排序层来确保其始终在UI前面。

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

1、模型显示在UI之前

方法一：直接用摄像机渲染3D物体

Canvas的渲染模式不是覆盖模式，而摄像机模式和世界（3D）模式都可以让模型显示在UI之前（Z轴在UI元素之前即可），可以用来显示多个模型。

（1）Canvas的渲染模式改为摄像机模式

（2）新建摄像机Camera（专门用来渲染UI的摄像机）的Clear Flags改为Depth only，Culling Mask只勾选UI

（3）主摄像机的Culling Mask不勾选UI层

（4）将UI摄像机拖入Canvas的Render Camera属性

（5）在Canvas下创建3D物体（需要进行缩放才能看清），其Layer改为UI层

（6）通过控制3D物体的Z轴改变3D物体与UI的前后关系

注意：

（1）摄像机模式时建议用专门的摄像机渲染UI相关（主摄像机的Culling Mask不勾选UI层，新建一个UI摄像机Culling Mask只勾选UI）

（2）Canvas/Panel面板上的3D物体建议也用UI摄像机进行渲染（3D物体的Layer层级改为UI层，如果看不到尝试对3D物体进行缩放操作）

方法二：将3D物体渲染在图片上，通过图片显示

专门使用一个Camera渲染3D模型，将其渲染内容输出到Render Texture（右键Create->Render Texture）上，此类似小地图的制作方式

（1）将创建的Render Texture拖拽到渲染3D模型的Camera的Target Texture属性中，此时摄像机渲染的内容会被输出到该图上

（2）将渲染的图显示在UI上。通过在Canvas中创建RawImage（因为RawImage可以显示任何格式的图片），将Render Texture图片拖入到RawImage的Texture中，那么该图就会显示渲染3D模型的摄像机的显示内容。

注意：C