[Unity] Canvas 设置为 Screen Space - Camera 时，UI 被场景物体遮挡的解决办法：设置 Canvas 的 Plane Distance 为一个较小的数

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

#unity #Canvas #Camera #UI

当Canvas设置为ScreenSpace-Camera时，UI可能会被场景物体遮挡。本文介绍了一种通过调整Canvas的PlaneDistance属性来避免该问题的方法。
部署运行你感兴趣的模型镜像

Canvas 设置为 Screen Space - Camera 时，UI 可能被场景物体遮挡，如下图所示

在这里插入图片描述
在这里插入图片描述

只要设置 Canvas 的 Plane Distance 为一个很小的值，它就几乎永远不会被遮挡了，因为摄像头距离人物的距离都可能大于你这个 Plane Distance

在这里插入图片描述

设置之后

在这里插入图片描述

您可能感兴趣的与本文相关的镜像

ACE-Step

ACE-Step

音乐合成
ACE-Step

ACE-Step是由中国团队阶跃星辰（StepFun）与ACE Studio联手打造的开源音乐生成模型。 它拥有3.5B参数量，支持快速高质量生成、强可控性和易于拓展的特点。 最厉害的是，它可以生成多种语言的歌曲，包括但不限于中文、英文、日文等19种语言

【Unity3D-UGUI系列】（一）Canvas 画布组件详解
优快云博客专家，Unity3D高级软件工程师，《Unity 3D从入门到实战》作者。
08-26 1万+
推荐阅读 优快云主页 GitHub开源地址 Unity3D插件分享 简书地址 我的个人博客 QQ群：1040082875   大家好，我是佛系工程师☆恬静的小魔龙☆，不定时更新Unity开发技巧，觉得有用记得一键三连哦。 很早就想分享这个系列的文章，但是总是没有机会，最近就将这个系列整理一下，大家一起学习交流。 一、前言 首先，介绍一个UGUI，NGUI是UGUI的前身，Unity开发团队将NGUI的开发团队收到自己开发团队下，并且由此开发了UGUI。 UGUI系统是从Unity 4.6版本后才开.
【unity游戏开发入门到精通——UGUI】Canvas画布组件
向宇
04-13 1672
Pixel Perfect（像素完美）:是否开启无锯齿精确渲染（性能换效果）SortOrder（排序次序）：排序层编号（用于控制多个Canvas时的渲染先后顺序）Canvas的排序层级越高，会渲染在层级较低的前面TargetDisplay（目标显示）：目标设备（在哪个显示设备上显示）Additional Shader Channels（附加着色器通道）：其他着色器通道，决定着色器可以读取哪些数据顶点颜色始终使用加码色彩空间：用户界面顶点颜色始终采用Gamma色彩空间，与播放器设置无关。
unity canvas Screen Space-Overlay 上显示spine动画，不被image挡住
最新发布
翻肚鱼儿的博客
10-22 97
因为我们现在做的是UI上的Spine动画，默认创建出来的Spine动画是3D场景内的，网上教程教你的基本都是这样。3D的物体（包括3D场景内的Sprite）都是3D场景内的，所以它的一定会被UI遮挡住，那下面我们来说点解决方案。如果你在用Spine动画了，那你就应该会知道如何导入吧，这个百度很多，看一下就会了，我这里就不说了，在做2D界面的时候，默认我们的Canvas的摄像机模式是这样的。这样的话，我们如果创建了UI全屏界面就一定会把3D物体遮挡了。在3D中新建一个摄像机，照射3D场景的物体，，
unity ugui screen-space-camera 获取屏幕坐标
lcfengokok的博客
07-04 1009
但是，如果你的目标是获取一个UI元素相对于屏幕（Screen Space Camera）的坐标，通常这意味着你想要得到该元素在屏幕上的绝对位置（即，不考虑滚动或缩放等因素，仅考虑其在屏幕上的位置）。如果你想要获取一个UI元素（比如一个按钮或文本）的屏幕坐标，或者将屏幕坐标转换为UI元素内的坐标，你可以使用。的用途实际上是为了将屏幕坐标转换为UI元素内的局部坐标，而不是用来直接获取UI元素的屏幕坐标。不过，如果你想要的是将UI元素的本地坐标（或称为画布空间坐标）转换为屏幕坐标（像素坐标），你可以使用。
Unity2019学习：常用功能--Canvas画布
wuyt2008的专栏
01-05 1913
Canvas（画布）游戏对象是其他Unity UI的基础，其他的Unity UI必须是Canvas（画布）游戏对象的下级游戏对象。 当UI内容发生变化的时候，是以画布为单位进行重绘，合理的将内容分配到不同的画布可以提高性能。 Render Mode（渲染模式） Screen Space Overlay（屏幕空间-覆盖） 屏幕空间-覆盖是根据屏幕分辨率进行渲染，不参考场景中的任何游戏对象或者摄像机，渲染之后将其绘制在其他所有内容之上。 Screen Space Camera（屏幕空间-摄像机） 屏幕空间-摄像
Unity UGUI2——Canvas与EventSystem
weixin_53163894的博客
06-18 3891
​ Canvas 的意思是画布，它是中所有 UI 元素能够被显示的根本，它主要负责渲染自己的所有 UI 子对象​ 如果 UI 控件对象不是 Canvas 的子对象，那么控件将不能被渲染​ 我们可以通过修改 Canvas 组件上的参数修改渲染方式​ 场景中允许有多个 Canvas 对象，可以分别管理不同画布的渲染方式，分辨率适应方式等等参数​ 如果没有特殊需求，一般情况场景上一个 Canvas 即可​ Canvas 有三种渲染模式：：屏幕空间，覆盖模式，UI 始终在前。
Unity 开发中3DUI不被物体遮挡
Move_Cat的博客
07-18 4560
UGUI中Image的Material使用下面的shader即可。 Shader "UI/Overlay" { Properties { [PerRendererData] _MainTex("Font Texture", 2D) = "white" {} _Color("Tint", Color) = (1,1,1,1) _StencilComp("Stencil Compa...
unity ui被模型遮挡
qq_39976692的博客
12-18 1380
将Canvas的render mode设置为world space，因为UI是直接放在了场景里面，很容易被其他物体挡住，Unity官方的一个VR例子中给出了一个shader的解决方案，将如下的shader挂在材质上，并将这个材质赋予需要总是显示在所有物体前面的UI控件上，就可以解决这个问题。
unity的URP中canvas的screen space - camera模式中，UI会被场景模型遮挡，如何区分可以遮挡UI的模型与不可以遮挡UI的模型
07-28
1. **理解Screen Space - Camera模式**：在这种模式下，Canvas被渲染到一个平面上，该平面与相机的距离由Plane Distance设置。3D物体的渲染顺序取决于它们与相机的距离（深度值）。 2. **UI被遮挡的原因**：如果3D...
ugui canvas的plane distance设置不同的值，为什么会影响ui的深度优先合批
03-28
此外，引用[4]提到当Canvas设置为Screen Space - Camera时，UI可能被场景物体遮挡，需要调整Plane Distance或物体的位置。这也说明Plane Distance直接影响UI和3D物体的渲染层级，进而影响它们的可见性和合批。 总结...
Cesium相机进入地下问题，修改ScreenSpaceCameraController源码
08-23
想赚波分，所以拿出来分享了，真实有效，不坑人。替换scene下的ScreenSpaceCameraController代码，用cesium.js自己打开文件，找到这部分替换，另外上传不能修改，其中pickGlobe函数用下面替换 function pickGlobe(controller, mousePosition, result) { var scene = controller._scene; var globe = controller._globe; var camera = scene.camera; if (!defined(globe)) { return undefined; } var depthIntersection; if (scene.pickPositionSupported) { depthIntersection = scene.pickPositionWorldCoordinates(mousePosition, scratchDepthIntersection); } var ray = camera.getPickRay(mousePosition, pickGlobeScratchRay); var rayIntersection = globe.pick(ray, scene, scratchRayIntersection); var pickDistance = defined(depthIntersection) ? Cartesian3.distance(depthIntersection, camera.positionWC) : Number.POSITIVE_INFINITY; var rayDistance = defined(rayIntersection) ? Cartesian3.distance(rayIntersection, camera.positionWC) : Number.POSITIVE_INFINITY; if (pickDistance < rayDistance) { return Cartesian3.clone(depthIntersection, result); } return Cartesian3.clone(rayIntersection, result); }
unity 防止ui被遮挡
梦想是世界和平
09-21 4911
1.给UI添加一个【Canvas】组件。 2.勾选【Override Sorting】 3.修改【Sort Order】的值，该值越大，该组件越靠上。 4.添加【Graphic Raycaster】组件，该组件的作用是，设置多个Canvas之间的事件响应顺序，默认即可。 https://blog.youkuaiyun.com/wang_lvril/article/details/81607253 ...
Unity Ugui Canvas Screen Space -Camera 模式注意点
游戏人生
02-16 3159
UI的Camera一定要设置为正交投影 为什么呢？ 如果你的ui 会移动 dotween 等 这时UI有可能会消失 这时候需要调一下 pos z 如果你是投影矩阵 那么调z的时候 UI的大小会改变 这不是我们想要的效果 正交就没这个问题 而且使用投影矩阵的时候 粒子会特别小 Clear Flags 一定要设置为 Depth only 再细节一点 你会发现 主摄像机 Depth 是-1 而 UI摄像机的Depth 是 0 这样就确保了 ui永远渲染在最上层 ...
UGUI中Canvas调planeDistance会出现UI无法显示的问题
qq_40265315的博客
05-30 312
如果UI相机勾选该选项后，则会受到场景剔除数据的影响，UI组件距离过远并且在被遮挡的情况下，会被剔除掉无法显示，通过移动相机位置则可看到剔除对UI的影响。检查UI相机是否勾选了OcclusionCulling，如果勾选了需要取消勾选。
Unity 解决UI穿透，实现UI遮挡住物体的究极简单方案
fanfan_hongyun的博客
07-07 2167
Unity 解决UI穿透，实现UI遮挡住物体的究极简单方案
Unity3D Canvas 的三种渲染模式 Screen Space - overlay, Screen Space - camera, World Space
热门推荐
qq_41841073的博客
08-30 1万+
unity3D 的canvas的三种渲染模式详解（包括渲染顺序分析）
Unity3DUI技巧：将3D物体挂载在UGUI上，并实现遮罩等效果
Tel17610887670的博客
08-27 2332
需求大概如下图所示： 1，3D物体挂载在Scroll View上，并能随之滑动； 2，按钮图标在3D物体之前，背景在3D物体之后 处理思路： 1，通常情况下，我们将UI总Canvas改成摄像机模式，然后将3D物体拖到相应子节点，3D物体就可以被UI渲染 大概效果如下 2，接下来我们给Cube下面的Image加上canvas属性，最终效果如下： 从而实现了如开头所提的需求，当然，如果其他地方也需要与3D物体做相关处理，只需继续加Canvas即可。 本篇...
[UnityUI]UGUI中的遮挡(二)
宏哥的博客
04-07 1万+
参考链接：http://www.xuanyusong.com/archives/3278 Canvas组件中的Render Mode： 1.Screen Space - Overlay 此模式不需要UI摄像机，UI将永远出现在所有摄像机的最前面(UI置顶)。 2.Screen Space - Camera 它需要提供一个UICamera 。这样就和NGUI的原理很像了，如果我
Unity3D_Camera摄像机跟随之物体遮挡处理方案
wl1611102的博客
01-19 5763
Unity3D_Camera摄像机跟随之物体遮挡处理方案 引言：想必大家都玩过RPG类型的游戏，那么有没有注意到当角色摄像机被物体遮挡后会怎样？游戏开发者当然不会就这样让角色一直被遮挡，否则那样你得有多难受啊（看不到角色、辨别不了方向），那你有没有想过是怎样处理的呢？细心的你肯定发现一般都是将遮挡物体置为透明，或者是将摄像机拉近（绝地求生？），接下来就讨论一下吧！ 摄像机拉近 不多说了，注释很详细...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值