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

最新推荐文章于 2025-02-14 14:12:07 发布
最新推荐文章于 2025-02-14 14:12:07 发布
阅读量4.3k 收藏 4
点赞数 7
分类专栏： Unity 踩坑记录 文章标签： unity Canvas Camera UI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/PriceCheap/article/details/123767129
版权
当Canvas设置为ScreenSpace-Camera时，UI可能会被场景物体遮挡。本文介绍了一种通过调整Canvas的PlaneDistance属性来避免该问题的方法。

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

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

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

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

在这里插入图片描述

设置之后

在这里插入图片描述

【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-28 2万+
画布 (Canvas) 是应该容纳所有 UI 元素的区域。画布是一种带有画布组件的游戏对象，所有 UI 元素都必须是此类画布的子项。 创建新的 UI 元素（如使用菜单 GameObject > UI > Image 创建图像）时，如果场景中还没有画布，则会自动创建画布。UI 元素将创建为此画布的子项。 画布区域在 Scene 视图中显示为矩形。这样可以轻松定位 UI 元素，而无需始终显示 Game 视图。 画布 使用 EventSystem 对象来协助消息系统。
Unity中，Canva的三种渲染模式
Lowjin_的博客
12-01 1697
渲染模式说明使用场景屏幕空间 - 覆盖 (Overlay)UI 元素直接覆盖在屏幕上，与相机无关。适用于传统的 2D UI（得分、菜单、HUD 等）。屏幕空间 - 摄像机 (Camera)UI 元素根据指定的摄像机视角进行渲染。适用于 3D 游戏中，UI 根据摄像机视角变化。世界空间 (World Space)UI 元素作为 3D 对象放置在世界空间中。适用于 VR/AR 或者 3D 游戏中的互动式 UI。选择哪种渲染模式，取决于你的 UI 元素是如何与场景交互的，以及你希望 UI 元素如何表现。
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 手机屏幕适配
最新发布
qq_44809934的博客
02-14 1623
介绍在Unity的手游发布中的屏幕适配的解决方案
Unity 开发中3DUI不被物体遮挡
Move_Cat的博客
07-18 4468
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 1209
将Canvas的render mode设置为world space，因为UI是直接放在了场景里面，很容易被其他物体挡住，Unity官方的一个VR例子中给出了一个shader的解决方案，将如下的shader挂在材质上，并将这个材质赋予需要总是显示在所有物体前面的UI控件上，就可以解决这个问题。
unity 防止ui被遮挡
梦想是世界和平
09-21 4715
1.给UI添加一个【Canvas】组件。 2.勾选【Override Sorting】 3.修改【Sort Order】的值，该值越大，该组件越靠上。 4.添加【Graphic Raycaster】组件，该组件的作用是，设置多个Canvas之间的事件响应顺序，默认即可。 https://blog.youkuaiyun.com/wang_lvril/article/details/81607253 ...
UGUI中Canvas调planeDistance会出现UI无法显示的问题
qq_40265315的博客
05-30 245
如果UI相机勾选该选项后，则会受到场景剔除数据的影响，UI组件距离过远并且在被遮挡的情况下，会被剔除掉无法显示，通过移动相机位置则可看到剔除对UI的影响。检查UI相机是否勾选了OcclusionCulling，如果勾选了需要取消勾选。
【Unity3D】UGUI Canvas画布渲染流程
两水先木示的博客
01-03 970
Canvas组件：画布组件是进行 UI 布局和渲染的抽象空间。所有 UI 元素都必须是附加了画布组件的游戏对象的子对象。 优化UI合批：Image图片合批；文本和图片相交、排序对合批的影响；Mask对合批的影响；Canvas对合批的影响。
Unity学习笔记(07)：UGUI的Canvas、Image组件
"✧treasure mountain✧"
06-21 3747
Unity的GUI包 在Unity中完成2D界面 有两种方式 有自带的GUI 还有开源的第三方包NGUI 其中 NGUI被Unity广泛使用 在Unity5.x之后 Unity和NGUI联合开发了UGUI 因此 Unity已经内置了UGUI ????在3D世界显示2D元素 在Unity中 3D的单位是m(米) 而2D的单位是px(像素) 有两种方式可以实现在3D世界显示2D元素： 1、使用正交摄像机 (参看Unity学习笔记(06)：Camera摄像机、透视摄像机和正交摄像机、光源、烘培模式) 2、
UGUI——Canvas
IncompleteEncy的博客
08-07 310
覆盖模式也是Canvas的默认模式，这一模式的Canvas下的所有UI会永远处于屏幕的最前方，不会被游戏场景当中的物体遮挡。值得注意的是该模式下的Canvas可以遮挡另外两种模式的Canvas，反之则不行。在这一模式下的Canvas可以视作空间中的物体，只不过会与渲染该Canvas摄像机相对固定，该模式的Canvas需要绑定一个摄像机用于显示Canvas下的UI内容，同时Canvas和绑定的摄像机可拍摄到的物体产生遮挡关系。
Unity Ugui Canvas Screen Space -Camera 模式注意点
游戏人生
02-16 2989
UI的Camera一定要设置为正交投影 为什么呢？ 如果你的ui 会移动 dotween 等 这时UI有可能会消失 这时候需要调一下 pos z 如果你是投影矩阵 那么调z的时候 UI的大小会改变 这不是我们想要的效果 正交就没这个问题 而且使用投影矩阵的时候 粒子会特别小 Clear Flags 一定要设置为 Depth only 再细节一点 你会发现 主摄像机 Depth 是-1 而 UI摄像机的Depth 是 0 这样就确保了 ui永远渲染在最上层 ...
Unity 解决UI穿透，实现UI遮挡住物体的究极简单方案
fanfan_hongyun的博客
07-07 2077
Unity 解决UI穿透，实现UI遮挡住物体的究极简单方案
unity ugui screen-space-camera 获取屏幕坐标
lcfengokok的博客
07-04 840
但是，如果你的目标是获取一个UI元素相对于屏幕（Screen Space Camera）的坐标，通常这意味着你想要得到该元素在屏幕上的绝对位置（即，不考虑滚动或缩放等因素，仅考虑其在屏幕上的位置）。如果你想要获取一个UI元素（比如一个按钮或文本）的屏幕坐标，或者将屏幕坐标转换为UI元素内的坐标，你可以使用。的用途实际上是为了将屏幕坐标转换为UI元素内的局部坐标，而不是用来直接获取UI元素的屏幕坐标。不过，如果你想要的是将UI元素的本地坐标（或称为画布空间坐标）转换为屏幕坐标（像素坐标），你可以使用。
Unity3D Canvas 的三种渲染模式 Screen Space - overlay, Screen Space - camera, World Space
qq_41841073的博客
08-30 9685
unity3D 的canvas的三种渲染模式详解（包括渲染顺序分析）
Unity3DUI技巧：将3D物体挂载在UGUI上，并实现遮罩等效果
Tel17610887670的博客
08-27 2207
需求大概如下图所示： 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 5663
Unity3D_Camera摄像机跟随之物体遮挡处理方案 引言：想必大家都玩过RPG类型的游戏，那么有没有注意到当角色摄像机被物体遮挡后会怎样？游戏开发者当然不会就这样让角色一直被遮挡，否则那样你得有多难受啊（看不到角色、辨别不了方向），那你有没有想过是怎样处理的呢？细心的你肯定发现一般都是将遮挡物体置为透明，或者是将摄像机拉近（绝地求生？），接下来就讨论一下吧！ 摄像机拉近 不多说了，注释很详细...
unity 怎么在世界坐标系中 使用射线点击 Canvas渲染模式为Screen space-Camera的ui
05-25
在Unity中，可以通过以下步骤在世界坐标系中使用射线点击Canvas渲染模式为Screen space-Camera的UI： 1. 创建一个摄像机，将其设置为Canvas的渲染摄像机。 2. 将Canvas的渲染模式设置为Screen space-Camera，并将其渲染摄像机设置为步骤1中创建的摄像机。 3. 在需要进行射线点击的对象上添加Collider组件，如Box Collider或Sphere Collider等。 4. 使用Camera.ScreenPointToRay()方法获取从摄像机发出的射线，并使用Physics.Raycast()方法检测射线是否与Collider相交。 5. 如果射线与Collider相交，则可以在代码中执行所需的操作，例如触发UI的点击事件。 以下是示例代码： ``` public class RaycastUI : MonoBehaviour { public Camera camera; void Update() { if (Input.GetMouseButtonDown(0)) { Ray ray = camera.ScreenPointToRay(Input.mousePosition); RaycastHit hit; if (Physics.Raycast(ray, out hit)) { if (hit.collider.gameObject.GetComponent<Button>()) { //执行按钮点击事件 hit.collider.gameObject.GetComponent<Button>().onClick.Invoke(); } } } } } ``` 在这个例子中，我们创建了一个名为RaycastUI的脚本，并将其挂载在摄像机上。在Update()方法中，我们使用GetMouseButtonDown(0)检测鼠标左键是否按下，并通过ScreenPointToRay()方法获取从摄像机发出的射线。然后使用Physics.Raycast()方法检测射线是否与Collider相交，如果相交并且该物体具有Button组件，则执行按钮的点击事件。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值