Unity | Canvas - Render Mode 的三种模式

最新推荐文章于 2025-03-16 10:51:47 发布
最新推荐文章于 2025-03-16 10:51:47 发布
阅读量1.4k 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： Unity 文章标签： unity
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_30330655/article/details/105970901
本文介绍了Unity中Canvas的三种Render Mode：Screen Space - Overlay、Screen Space - Camera和World Space。Overlay模式下，UI元素置于屏幕上方并自动适配屏幕尺寸；Camera模式同样适配屏幕尺寸变化，但需指定摄像机；World Space模式中，GUI元素如同3D物体，可在场景中前后排列。Unity 2019.3.4f1版本中，这些模式的名称可能有所更新。

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

每个 GUI 控件都是画布的子对象
（添加控件时，GUI 会自动创建画布）

Render mode

Screen Space - Overlay

UI元素置于屏幕上方
画布自动适应屏幕尺寸改变

Overlay 重叠

Screen Space - Camera

画布自动适应屏幕尺寸改变
需要设置摄像机 render camera

Camera

Camera

World Space

GUI控件类似平面 plane ，所有GUI元素可以位于 3D 物体前后显示
当 UI 为场景的一部分时，即UI需要以 3D 形式展示时，可以使用该模式

World Space

区别

render mode画布对应屏幕camera像素对应适合类型
Screen Space - OverlayY不需要可选2D UI
Screen Space - CameraY需要可选2D UI
World SpaceN需要可选3D UI

更新后的名称

在 Unity 2019.3.4f1 版本中，看到 Canvas 的 Render Mode 选项在某些情况下名称不同

Overlay

Overlay

Camera

Camera

World Space

World Space

【Unity-UGUI控件全面解析】| Canvas 画布组件详解
努力前行，总会成为自己心中的那道光
04-28 2万+
画布 (Canvas) 是应该容纳所有 UI 元素的区域。画布是一种带有画布组件的游戏对象，所有 UI 元素都必须是此类画布的子项。 创建新的 UI 元素（如使用菜单 GameObject > UI > Image 创建图像）时，如果场景中还没有画布，则会自动创建画布。UI 元素将创建为此画布的子项。 画布区域在 Scene 视图中显示为矩形。这样可以轻松定位 UI 元素，而无需始终显示 Game 视图。 画布 使用 EventSystem 对象来协助消息系统。
Unity中，Canva的三种渲染模式
Lowjin_的博客
12-01 1841
渲染模式说明使用场景屏幕空间 - 覆盖 (Overlay)UI 元素直接覆盖在屏幕上，与相机无关。适用于传统的 2D UI（得分、菜单、HUD 等）。屏幕空间 - 摄像机 (Camera)UI 元素根据指定的摄像机视角进行渲染。适用于 3D 游戏中，UI 根据摄像机视角变化。世界空间 (World Space)UI 元素作为 3D 对象放置在世界空间中。适用于 VR/AR 或者 3D 游戏中的互动式 UI。选择哪种渲染模式，取决于你的 UI 元素是如何与场景交互的，以及你希望 UI 元素如何表现。
unity 搞懂Canvas的Render Mode的三种模式
热门推荐
fdyshlk的博客
11-12 5万+
canvas的Render Mode共有三种模式：Screen Space -OverLay、Screen Space-Camera、World Space。 我们先来说Screen Space-Camera，这个了解了，其他模式也就简单了。顾名思义，此模式我们需要一个Camera，这个相机的作用就是把它所投射获取到的界面当做UI界面。一般情况下，UI界面只是一个二维平面，所以把相机
Unity:Canvas RenderMode
yq398934906的博客
03-16 1976
Canvas三种渲染模式：Screen Space-Overlay、Screen Space-Camera、WorldSpace 1、Screen Space-Overlay模式：屏幕空间-覆盖模式 画布会填满整个屏幕空间，UGUI会永远"覆盖"其他普通的2D和3D画面，无法通过更改Sorting Layer等参数来使普通的2D和3D物体位于UGUI上面。不...
Unity（三十）：Canvas渲染模式 Render Mode
You瞧谁不起 - 道不尽世间的沧桑，诉不完人生的悲凉
02-10 2839
Render Mode : Screen Space - Overlay 模式 （默认） ⚠️ Canvas将覆盖整个场景，并且永远覆盖在其他游戏对象之上，遮挡住场景中的其他游戏对象。 ⚠️ 不可修改 Rect Transform 组件的位置大小等。 Render Mode : Screen Space - Camera 模式 ⚠️ Canvas将覆盖整个场景，Canvas将会在渲染摄像机的前方，其他游戏对象可在Canvas前方或者后方进行显示 ⚠️ 不可修改 Rect Transform 组件
unity2D学习（14）血条显示、Canvas中Render Mode的三种模式介绍
qq_40306845的博客
03-16 4824
1 血条显示 2 代码控制
Unity 中 Canvas 的三种 Render Mode
qq_64875189的博客
03-16 1666
在“Screen Space - Overlay”模式下，Canvas渲染出的UI元素会被视为一个覆盖在屏幕上的平面层。渲染时，UI元素会根据屏幕的像素坐标进行绘制，以确保在不同分辨率和屏幕尺寸下都能正确显示，且保持相对位置不变。UI元素会被投影到该摄像机的视锥体范围内，如同场景中的其他物体一样，会受到摄像机的位置、旋转以及视野范围（FOV）的影响。它们具有自己的位置、旋转和缩放属性，可以放置在场景中的任何位置，并参与场景的光照、阴影和遮挡计算。UI元素会像其他3D模型一样，受到场景中灯光和摄像机的影响。
Unity Canvas的三种模式
sindyra的博客
03-24 3762
Screen Space - Overlay（屏幕空间 - 覆盖）： 这是最简单的 Canvas 渲染模式。UI 元素在这个模式下将渲染在屏幕上的最顶层，不受场景中其他物体的影响。UI 元素的位置是相对于屏幕的，而不是相对于世界空间的。这意味着即使场景中有相机移动或旋转，UI 元素也会始终保持在屏幕的固定位置。这种模式适用于大多数 2D 游戏和简单的用户界面。Screen Space - Camera（屏幕空间 - 相机）： 在这种模式下，UI 元素仍然是渲染在屏幕上的，但是相对于一个指定的摄像机。
Unity快速入门之一 3D基础概念、Camera、Canvas RenderMode的几种方式对比
翕翕堂
11-10 4249
前言 最近要给公司的小伙伴做Unity入门，针对几个常用的知识进行快速入门介绍。 Unity3D，基于摄像机来表现画面，UGUI基于Canvas来绘制，而Canvas下有三种不同的渲染模式，决定着UI与3D物体的表现。 Canvas RenderMode 官方文档链接：Canvas | Unity UI | 1.0.0 Screen Space - Overlay 屏幕控件覆盖，先看下图 Screen Space - Overlay 模式下UI与3D对象的呈现关系 首先这个模式下，U.
Unity3D UGUI基础--画布的三种模式详解
2301_80135027的博客
12-15 968
接下来，需要在场景中创建一个空物体，将其作为画布的父物体，并将其位置和旋转设置为所需的位置。本文详细介绍了UGUI画布的三种模式：Screen Space - Overlay、Screen Space - Camera和World Space，并给出了相应的技术实现和代码示例。在Screen Space - Overlay模式下，画布会被渲染在屏幕的最上层，无视场景中的其他物体。在World Space模式下，画布会被渲染在场景中的某个位置，可以与场景中的其他物体进行交互。
04:canvas的三种渲染模式
weixin_33950757的博客
08-04 1842
什么是Canvas 使用UGUI来进行UI开发，离不开Canvas组件，所有的 UI 元素，要么自己包含 Canvas 组件，要么是 Canvas 组件所在 GameObject 的子节点。 2.Canvas 组件的参数 RenderMode，有三个选项：Screen Space - Overlay、Screen Space - Camera、World Space。 Screen Spa...
UNITY中Canvas中的Render Mode的三种模式
qq_49147090的博客
09-08 1403
Screen Space—Overlay：将UI渲染为摄像机视图顶部的2D图形（默认设置） Screen Space—Camera：也将UI渲染在摄像机视图顶部，但UI元素可以进行透视效果旋转 World Space：将画布对象放置在场景中，就好像UI是3D场景中的一部分。 ...
Canvas的三种画布渲染模式
weixin_30609331的博客
09-16 1673
　第一个参数RenderMode的渲染模式有三种：Screen Space-Overlay、Screen Space-Camera以及World Space。 　　1.Screen Space-Overlay模式 　　Screen Space-Overlay（屏幕控件-覆盖模式）的画布会填满整个屏幕空间，并将画布下面的所有的UI元素置于屏幕的最上层，或者说画布的画面永远“覆盖”其他普通的3D画...
Unity UGUI 原理篇（一）: Canvas 渲染模式
道友请留步
05-01 3547
Canvas Canvas Component 是UI布局和渲染的抽象空间，所有的UI都必须在此元素之下(子物件)，简单来说 Canvas 就是渲染 UI 的组件 Render Mode UI渲染的方式，有以下三种 Screen Space – Overlay：萤幕空间 – 覆盖 Screen Space – Camera：萤幕空间 – 摄影机 World Space：世界座标空间 ...
Unity-Ugui渲染模式
学海无涯
11-30 1360
Canvas组件下的RenderMode有3种： Screen Space - Overlay (覆盖模式)； Screen Space - Camera (摄像机模式)； World Space (世界模式) -----------------------------------------------------------------------...
Unity3D Canvas 的三种渲染模式 Screen Space - overlay, Screen Space - camera, World Space
qq_41841073的博客
08-30 1万+
unity3D 的canvas的三种渲染模式详解（包括渲染顺序分析）
Unity中Canvas及三种渲染模式
chqj_163的专栏
07-30 1578
1. 什么是Canvas 使用UGUI来进行UI开发，离不开Canvas组件，所有的 UI 元素，要么自己包含 Canvas 组件，要么是 Canvas 组件所在 GameObject 的子节点。 2. 如何创建 Canvas 你在 Hierarchy 视图创建任何一个 UI 元素（比如Image）都会自动生成一个 Canvas 作为它的父节点。你也可以可以直接创建一个 Canvas，然后添加其他 UI 元素作为其子节点。 3. Canvas 组件的RenderMode 参数 Canvas 组件的
RenderMode属性
老农写代码
07-29 6032
如果将 RenderMode 属性设置为 Inline，则 UpdatePanel 控件的内容将呈现在 HTML span> 元素内部。如果将 RenderMode 属性设置为 Block，则这些内容将呈现在 HTML 元素内部。
Render的mode可以设为两种模式
蚂蚁的坚持
04-15 7156
Render的mode可以设为两种模式，一种是自动循环模式，也就是说GL线程以一 定的时间间隔自动的循环调用用户实现的onDrawFrame（）方法进行一帧一帧的绘制，还有一种的“脏”模式，也就是说当用户需要重绘的时候，主动 “拉”这个重绘过程，有点类似于Canvas中的invalidate（） 具体的调用方法是在GLSurfaceView中 a.自动模式 setRenderMo
UNITY 里的canvas Render组件是什么作用
最新发布
03-19
引用[3]详细说明了Canvas的三种渲染模式，如Screen Space-Overlay。引用[4]则解释了当Render Mode为Screen Space - Camera时，画布如何受摄像机影响。这些信息都指向Canvas组件的功能和设置。 我需要整理这些信息，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值