【Unity】UI、背景和3D的Camera和Canvas设置

于 2024-09-13 12:40:02 发布
阅读量991 收藏 10
点赞数 10
文章标签： unity ui 3d
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44122117/article/details/142206732
版权

目前存在需求

背景是指定的图片，该图片始终显示在页面中，不会因场景的视角操控发生尺寸等变化；

UI内容显示在页面最上层，同样不会因场景的视角操控发生尺寸等变化，但是当软件整个尺寸发生变化时，会跟随变化，UI内容会覆盖3D物体；

3D物体可以随着相机视角的变化而变近变远等，3D物体上可能存在UI卡片等。

需求分析

背景在最底层，3D物体在中间层，UI在最顶层。

因此背景和UI不能公用一个Canvas，3D物体也需要一个Canvas;

3D物体根据相机视角改变远近等，背景和UI不变，那么3D物体使用单独的相机，背景和UI使用对应的UI相机。

成果展示

请添加图片描述
查看相机视角控制方法

场景部分组成

在这里插入图片描述
三个相机的展示内容：三个相机的内容互不干扰。
主相机
在这里插入图片描述
背景相机
在这里插入图片描述
UI相机
在这里插入图片描述

参数设置

需要建立Sorting layer如下：
在这里插入图片描述

将对应的物体设置为对应的层级。
在这里插入图片描述
在这里插入图片描述

背景的相机和Canvas设置如下
需要将背景相机拖拽到背景Canvas的RenderCamera中
注意：Sorting Layer和 order in Layer参数的选择
在这里插入图片描述
注意Depth参数的设置
在这里插入图片描述

UI的相机和Canvas设置如下
在这里插入图片描述
在这里插入图片描述

主相机的设置如下
在这里插入图片描述

3D物体的Canvas设置如下
在这里插入图片描述

一些参数的说明

Canvas组件

mode:

  • ​ space-overlay(屏幕空间-全局) 展示场景中的方形区域，内部的所有UI元素可见，非常吃性能

  • ​ space-Camera 允许指定一个镜头，让系统渲染镜头内的元素

Canvas Scaler组件

UI scale Mode ：

  • ​ Constant Pixel Size (保持像素大小) UI可以无视屏幕大小，保持像素的大小

  • ​ scale with screen size (随屏幕大小缩放) 根据屏幕大小适应
    ​ - reference Resolution UI主分辨率 X1280 Y720 (桌面端)
    - Match height：1 只有高度改变时 UI元素才会随之改变

  • ​ constant physical size(保持实体大小) 无视屏幕和分辨率大小 保持UI大小

UICamera的设置

Clear Flags : Depth only 清除镜头的深度信息

projection(投影类型) ：Orthographic(正交) 2D场景

Sitarrrr
关注
unity引擎中的UICamera组件
听老罗娓娓道来
07-09 111
为了处理自定义的UI事件，我们可以扩展UICamera组件，添加事件处理逻辑。例如，处理鼠标点击、拖拽等事件。continue;} }();return;continue;} }();return;continue;} }();return;continue;
unity UI跟随3d场景中的物体移动，相当于3d物体的介绍信息
11-07
UI跟随3d场景中的物体移动，相当于3d物体的介绍信息 https://mp.csdn.net/mp_blog/creation/success/127736844
在Unity URP中使用UI相机
ping的专栏
09-16 3254
在unity2019后，官方全面支持了urp。我自己的项目也决定使用urp的渲染通道来开发。原本项目的UI是使用ugui，用一个ui照相机来拍摄显示。至于为什么用ui照相机的方式来显示UI。主要是考虑到方便在UI上显示3d模型和3d特效。开发比较直观，省去用照相机纹理的方式来搞。 首先项目切换为urp的渲染通道，urp怎么使用，自行百度，这里不再赘述。 切换后，camera的inspector面板会变成这样： 1，把UI相机的RenderType改成“Ov...
Unity中使Main Camera显示Canvas的区域
最新发布
exlink2012的专栏
05-27 844
在Unity中，使Main Camera显示Canvas的区域，具体取决于Canvas的渲染模式。
UnityUI相机的创建
Romain的博客
10-28 3667
URP下UI相机的制作： 1.Canvas相机设置为指定UI相机 2.UI相机RenderType指定为Overlay 3.UI相机CullingMask设为仅UI，场景相机CullingMask中除去UI 4.将UI相机加入到主相机栈中 内置管线下UI相机的制作： 1.Canvas相机设置为指定UI相机 2.UI相机ClearFlags为Depthonly，Depth设置为0(大于场景摄像机) 3.UI相机CullingMask设为仅UI，场景相机CullingMask中除去UI ...
【Unity3D】相机
little_fat_sheep
07-31 3042
相机用于渲染游戏对象，每个场景中可以有多个相机，每个相机独立成像，每个成像都是一个图层，最后渲染的图层在最前面显示。相机的属性面板如下设置清屏颜色，Skybox（天空盒）、SolidColor（纯色）、DepthOnly（仅深度，画中画效果）、Don'tClear（不渲染）；Background清屏颜色，当ClearFlags为Skybox或SolidColor时，才有Background；剔除遮蔽，选择相机需要绘制的对象层；ProjectionDepth。............
unity实现UI元素跟随3D物体
08-19
Unity 实现 UI 元素跟随 3D 物体 ...本文主要介绍了如何使用 Unity 实现 UI 元素跟随 3D 物体，包括 Screen Space - Overlay 和 Screen Space - Camera 两种模式下的实现方法。希望本文能够对大家的学习有所帮助。
Unity快速入门之一 3D基础概念、Camera、Canvas RenderMode的几种方式对比
翕翕堂
11-10 4061
前言 最近要给公司的小伙伴做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素材----UI界面包.zip
11-05
在Unity3D中，UI系统是基于Canvas组件的，它可以创建各种元素，如按钮、文本、图像、滑块等，这些元素可以动态地与游戏逻辑交互。Cartoon Game GUI可能包含了这些基本元素的预设版本，设计为适合卡通风格的游戏。 ...
【虚拟仿真】Unity3D中实现UI跟随3D模型旋转移动、UI一直面朝屏幕
热门推荐
CSDN博客专家，Unity3D高级软件工程师，《Unity 3D从入门到实战》作者。
11-12 1万+
推荐阅读 CSDN主页 GitHub开源地址 Unity3D插件分享 简书地址 我的个人博客 QQ群：1040082875 大家好，我是佛系工程师☆恬静的小魔龙☆，不定时更新Unity开发技巧，觉得有用记得一键三连哦。 一、前言 前段时间有小伙伴问我，如何让UI跟着3D模型移动，如何在鼠标点击模型的时候出现UI，如何让UI一直面向屏幕。 好家伙，问题不少呀。 二、分析问题，解决问题 我们逐个分析： 首先，让UI跟随3D模型移动，我首先想到的是将UI的渲染模式改为World Space（世界模式），这.
【unity】UI基础、相机
qq_73410960的博客
11-06 831
：是最默认常见的模式，所有属于OverlayCanvas的UI物体都会显示在场景上方，NormalColor（正常颜色）：button在未选中情况（未触发过）下默认的颜色。HighLighted（高亮颜色）：button在鼠标停留上（未按下时）的颜色。PressedColor（按下颜色）：button在鼠标点击时的颜色。selectedColor（选中颜色）：button在触发以后的颜色。DisabledColor（禁用颜色）：button在禁用时的颜色。（一般不可以有透视效果；场景物体不可当抓住ui）
unity动态将UI相机挂载到场景相机栈中
m0_58240872的博客
04-29 180
【代码】unity动态将UI相机挂载到场景相机栈中。
Unity Ugui Canvas Screen Space -Camera 模式注意点
游戏人生
02-16 2728
UI的Camera一定要设置为正交投影 为什么呢？ 如果你的ui 会移动 dotween 等 这时UI有可能会消失 这时候需要调一下 pos z 如果你是投影矩阵 那么调z的时候 UI的大小会改变 这不是我们想要的效果 正交就没这个问题 而且使用投影矩阵的时候 粒子会特别小 Clear Flags 一定要设置为 Depth only 再细节一点 你会发现 主摄像机 Depth 是-1 而 UI摄像机的Depth 是 0 这样就确保了 ui永远渲染在最上层 ...
Unity调用摄像头并展示在Canvas里
qq_38660394的博客
06-25 2312
public string deviceName; WebCamTexture camTexture; IEnumerator Start() { yield return Application.RequestUserAuthorization(UserAuthorization.WebCam); if (Application.HasU...
Unity 2020 URP Camera UI相机问题
lcy的博客
12-09 3515
现在正在开发中的项目使用的URP，发现相机结构有变化直接使用场景相机和UI相机无法正常显示。
Unity 之 Canvas
丁香枝上，豆蔻梢头
03-23 1048
Canvas.ForceUpdateCanvases 强制更新画布 描述 强制更新所有画布的内容。 在最后一帧画布执行布局和内容生产的计算，仅在渲染之前，为了确保在该帧期间发生的最新的改变在画布上。这意味着在返回调用开始和首次更新返回调用时，画布下的布局和内容可能不是最新的。 ...
Unity Camera和Canvas
最爱方方的博客
06-10 2824
1.Canvas属性 Render Mode : Screen Space overlay(覆盖屏幕，在最顶层) Screem Space camera(基于相机渲染，需要选择一个camera放入Render Camera,Plance Distance用于设置相机距离平面的距离，同时感觉这个的Canvas的尺寸小于上面画布付尺寸) ...
【Unity3d】【相机】透视相机UI转换(3DUI+保持屏幕比例)
延澈左的专栏
03-09 2347
在透视相机中，如何才能和正交相机中的UI尺寸保持同等大小
unity UI拖拽出3d物体
08-29
您好! 在Unity中创建3D物体并在UI上拖拽出它可以通过以下步骤实现： 1. 创建一个3D物体，并将其命名为"3DObject"。 2. 在Hierarchy面板中选择"3DObject"，然后在Inspector面板中将"Tag"设置为"Draggable"。 3. 在Hierarchy面板中创建一个UI > Button游戏对象，并将其命名为"DraggableButton"。 4. 在Project面板中创建一个新的C#脚本，并将其命名为"DraggableObject"。 5. 将"DraggableObject"脚本拖放到"3DObject"游戏对象上。 6. 在"DraggableObject"脚本中，添加以下代码： ``` using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.EventSystems; public class DraggableObject : MonoBehaviour, IBeginDragHandler, IDragHandler, IEndDragHandler { public Transform parentToReturnTo = null; public Transform placeholderParent = null; GameObject placeholder = null; public void OnBeginDrag(PointerEventData eventData) { placeholder = new GameObject(); placeholder.transform.SetParent( this.transform.parent ); LayoutElement le = placeholder.AddComponent<LayoutElement>(); le.preferredWidth = this.GetComponent<LayoutElement>().preferredWidth; le.preferredHeight = this.GetComponent<LayoutElement>().preferredHeight; le.flexibleWidth = 0; le.flexibleHeight = 0; placeholder.transform.SetSiblingIndex( this.transform.GetSiblingIndex() ); parentToReturnTo = this.transform.parent; placeholderParent = parentToReturnTo; this.transform.SetParent( this.transform.parent.parent ); GetComponent<CanvasGroup>().blocksRaycasts = false; } public void OnDrag(PointerEventData eventData) { this.transform.position = eventData.position; if(placeholder.transform.parent != placeholderParent) placeholder.transform.SetParent(placeholderParent); int newSiblingIndex = placeholderParent.childCount; for(int i=0; i < placeholderParent.childCount; i++) { if(this.transform.position.x < placeholderParent.GetChild(i).position.x) {
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值