Unity中UGUI中的Canvas以及三种画布渲染模式

最新推荐文章于 2022-03-03 14:41:11 发布
最新推荐文章于 2022-03-03 14:41:11 发布
阅读量2.4k 收藏 2
点赞数
分类专栏： Unity
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dxj467822057/article/details/80190249
版权
本文介绍了Unity中UGUI的Canvas组件，包括Screen Space-Overlay、Screen Space-Camera和World Space三种渲染模式的详细解释及参数设置，如Pixel Perfect、Sort Layer、Render Camera等，帮助理解不同模式在UI显示和交互中的应用。
摘要由CSDN通过智能技术生成

一、Canvas简介

      Canvas画布是承载所有UI元素的区域。Canvas实际上是一个游戏对象上绑定了Canvas组件。所有的UI元素都必须是Canvas的自对象。如果场景中没有画布，那么我们创建任何一个UI元素，都会自动创建画布，并且将新元素置于其下。

二、Canvas画布参数与应用

1.创建画布

　　当你创建任何一个UI元素的时候，都会自动创建画布。也可以主动创建一张画布：点击GameObject->UI->Canvas即可在Hierarchy面板创建一张画布。

2.画布参数

　　下面介绍一下Canvas画布的参数：

　　第一个参数RenderMode的渲染模式有三种：Screen Space-Overlay、Screen Space-Camera以及World Space。

最低0.47元/天 解锁文章
DengSinkiang
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【Unity3D-UGUI系列】（一）Canvas 画布组件详解
CSDN博客专家，Unity3D高级软件工程师，《Unity 3D从入门到实战》作者。
08-26 1万+
推荐阅读 CSDN主页 GitHub开源地址 Unity3D插件分享 简书地址 我的个人博客 QQ群：1040082875   大家好，我是佛系工程师☆恬静的小魔龙☆，不定时更新Unity开发技巧，觉得有用记得一键三连哦。 很早就想分享这个系列的文章，但是总是没有机会，最近就将这个系列整理一下，大家一起学习交流。 一、前言 首先，介绍一个UGUI，NGUI是UGUI的前身，Unity开发团队将NGUI的开发团队收到自己开发团队下，并且由此开发了UGUI。 UGUI系统是从Unity 4.6版本后才开.
Unity技术手册-UGUI零基础详细教程-Canvas详解三种渲染方式
最新发布
空名先生
11-01 2450
专注于Android/Unity和各种游戏开发技巧，以及各种资源分享（网站、工具、素材、源码、游戏等）---芝麻粒儿UGUI零基础讲解Canvas
unity的canvas
qq_51476492的博客
06-29 5675
Canvas属于Unity的UGUI，UGUI提供了强大的可视化编辑，大大提高了GUI的开发效率。 Canvas是所有UI组件的父物体，也就是说每一个UI组件都必须在Canvas下，作为Canvas的子物体，当你创建一个UI控件时，如果在Hierarchy下没有Canvas组件的话，Unity会帮你自动创建一个Canvas，并将你的UI控件置于Canvas下，Unity也会自动创建EventSystem，这个对象用来确定诸如鼠标输入的事件，这对 UI 组件来说也至关重要，比如按钮。。 这里要记录一下Canv
UGUI-Canvas画布
Ryker的博客
01-12 626
Canvas就是画布；它是承载一些UI控件的画布 Canvas的创建有三种方式： 在Unity工具的顶部的菜单栏上的点击GameObject->UI->Canvas 在Hierarchy层级视图中点击鼠标右键弹出选择UI->Canvas 在Hierarchy层级视图中创建一个UI控件，比如Image;Text…系统自动会创建一个Canvas画布 Canvas 组件Canvas Scaler 组件
Unity UGUI之Canvas总结
andyqingliu的博客
01-18 1万+
由于项目需要了解Unity GUI，这两天初学UGUI，此为背景。（Unity版本是5.3.4p4） 先说UGUI方便之处，由于是unity自带GUI，当然相当方便，不用导入任何第三方插件就能画UI，很爽。新建一个UI，比如一个button,如果之前没有创建过任何有关UI的元素，引擎会自动创建一个名为Canvas的GO，这个GO自带Rect Transform组件，Canvas组件，Canvas
Unity 十五 UGUI Canvas
u014196765的博客
06-30 245
画布有几种模式： 1、Overlay，覆盖模式。 在这个模式下，画布显示在最高层，如果添加一个3d 物体的话Cube，同时添加一个UI 元素 Button，把他们的位置重合，那么 Button 会覆盖在 Cube上。 参数 Sort Order：用于设置 Canvas 的深度。当存在多个画布时，决定谁显示在最前面，这个值越大，就越显示在前面。 2、Camera，相机模式 在这个模式下，画布不在是...
UGUI/拖拽UI对象限制在画布(Canvas)内部
04-19
Canvas是UGUI系统中的核心组件，它相当于2D渲染的“屏幕”，可以设置为Screen Space - Camera或Screen Space - Overlay模式，以确定UI元素如何与场景交互。 要实现拖拽UI对象的功能，我们首先需要在某个UI元素上...
Unity—UGUI代码开源
05-14
Unity是全球广受欢迎的游戏开发引擎，它以其强大的3D和2D图形渲染能力、直观的可视化编辑工具以及跨平台的支持而闻名。UGUI（Unity Graphical User Interface）是Unity引擎内置的一种用户界面系统，自Unity 5.0版本...
Unity UGUI原理和优化
07-05
Canvas 有三种渲染模式： 1. Screen Space - Overlay：不需要指定 UI 相机，渲染会覆盖整个画面，永远在屏幕的最上面。 2. Screen Space - Camera：需要指定 UI 相机，画布会被放置在相机前，通过该相机渲染。 3. ...
Unity UGUI 官方示例 Demo
05-16
3. **Canvas**：Canvas是UGUI的画布，用于渲染所有的UI元素。它可以设置为屏幕空间模式（Screen Space）或世界空间模式（World Space），适应不同的场景需求。 4. ** RectTransform**：UGUI中的所有UI元素都继承自...
Unity3D 画面扭曲切换效果脚本
02-27
Unity3D 画面扭曲切换效果脚本 DreamWipe.js 1. var camera1 : Camera; 2.var camera2 : Camera; 3.var fadeTime = 4.0; 4.var waveScale = .07; // Higher numbers make the effect more exaggerated. Can be negative, .5/-.5 is the max 5.var waveFrequency = 25.0; // Higher numbers make more waves in the effect 6.private var inProgress = false; 7.private var swap = false; 8. 9.function Start () { 10. ScreenWipe.use.InitializeDreamWipe(); 11.} 12.function Update () { 13. if (Input.GetKeyDown("space")) { 14. DoFade(); 15. } 16.} 17.function DoFade () { 18. if (inProgress) return; 19. inProgress = true; 20. 21. swap = !swap; 22. yield ScreenWipe.use.DreamWipe (swap? camera1 : camera2, swap? camera2 : camera1, fadeTime, waveScale, waveFrequency); 23. 24. inProgress = false; 25.}
Unity2017.3 UGUI Code.rar
09-04
Unity是世界上最受欢迎的游戏开发引擎之一，它以其强大的3D和2D图形渲染能力以及易于使用的可视化界面而闻名。在Unity中，UGUI（Unity User Interface）是官方提供的一套全面的用户界面系统，用于创建现代、高性能的...
Unity3d中UGUI组件精简复盘（二）Canvas及其相关组件
qq_1628941121的博客
06-09 3251
Canvas组件 canvas的三种渲染模式 所有的UI元素只有在Canvas下才能够正常显示 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-eYp0n4he-1622920236081)(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\image-20210529205615721.png)] Screen Space - Overlay：UI元素始终在3D物体之上的 [外链图片转存失败,源站
Unity UGUI Canvas基础知识及优化
weixin_43926289的博客
03-03 5531
unityUGUI源码：https://github.com/Unity-Technologies/uGUI.git 官方API：https://docs.unity3d.com/cn/2018.4/ScriptReference/Canvas.html Canvas 在这里只能讲一些思路，具体实现还是得看项目中运用相对应的处理方式去处理 Cavas的Render Mode是Overlay模式时，永远覆盖在其他物体之上，不受摄像机depth影响 Cavas的Render Mode都是Screen Spa
Unity的Canvas的三种模式区别
万事屋银ちやん
08-08 1945
从现在开始，我们把摄像机的镜头当作我们的眼镜，对，是眼镜，不是眼睛。 然后把那些UI当成贴纸。 这可以直接拿自己眼镜比划一下。 第一种模式:ScreeSpace-Overlay 相当于贴纸直接贴到眼镜上，你的眼睛（这里是眼睛）不管看什么物体，UI都是显示在物体之上的。 第二种模式：ScreenSpace-Camera 这回贴纸没有贴在你的眼镜上，而是正对着你的眼镜，距离你面前有一定...
Unity UICanvas
LCHUIHUI的博客
01-19 254
CanvasScaler scaler = UICanvas.transform.GetComponent<CanvasScaler>(); scaler.screenMatchMode = CanvasScaler.ScreenMatchMode.MatchWidthOrHeight; float ratio = (scaler.referenceResolution.x / scaler.referenceResolution.y) / (Sc...
Unity 之 UGUI Canvas画布组件详解
热门推荐
陈言必行 -- Unity游戏开发领域优质博主
10-18 1万+
画布 (Canvas) 是应该容纳所有 UI 元素的区域。画布是一种带有画布组件的游戏对象，所有 UI 元素都必须是此类画布的子项。
Unity-UI（UGUI详解）02.1 Canvas组件、Visual组件
祝你万事顺利的博客
07-16 1901
Canvas Components Canvas Canvas组件代表UI被放置和渲染的虚拟空间。全部的UI元素必须是带有Canvas组件的Gameobject的子物体。当我们创建一个UI元素从菜单的时候，如果场景中没有canvas，将自动创建一个canvas RenderMode（渲染模式）： UI渲染到场景的方式 Screen Space-Overla...
从零开始的UnityUI学习--Canvas[画布]
Dionysuss的博客
05-22 2372
Canvas[画布]是一个控制一组被渲染UI元素的组件，所有UI元素必须是Canvas的子物体 同一场景允许存在多个Canvas，但使用UI元素必须有一个可用的Canvas组件 每个Canvas都有可选的Render Modes(渲染模式) Screen Space-Overlay  UI会覆盖整个场景，也随着场景视图的大小变化而变化，所有的UI元素会在场景最上层渲染输出
Unity 4.6 UGUI 教程：中文文档解析
有三种Canvas类型： - ScreenSpace-Overlay：UI元素覆盖在所有3D对象之上，不考虑相机距离，适合不涉及深度排序的UI元素。 - ScreenSpace-Camera：UI元素根据指定的相机进行渲染，可以实现3D深度效果。 - World...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值