Unity3d自学记录 Canvas

最新推荐文章于 2024-07-18 15:06:23 发布
最新推荐文章于 2024-07-18 15:06:23 发布
阅读量2.5k 收藏 4
点赞数 2
分类专栏： Unity3d
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/duan_1998/article/details/86419106
版权
本文详细介绍了Unity3d中Canvas的三种渲染模式：Overlay、Screen Space - Camera和World Space，以及Canvas Scaler组件的工作原理和应用场景。Canvas Scaler的三种模式包括Constant Pixel Size、Scale With Screen Size，它们在不同屏幕分辨率下的行为特性被详细阐述。另外，Graphic Raycaster的作用和配置选项也被提及，用于理解UI元素的射线检测。
摘要由CSDN通过智能技术生成
  • Canvas

画布，是所有UI元素的载体，有三种渲染模式（Render Mode）。

  • Render Mode 
  • Overlay

       这种渲染模式会将所有UI元素渲染在整个场景的上方，并且自动适应窗口变化。

  1. Pixel Perfect 抗锯齿效果，enmmm,使渲染效果更加顺滑 ↖(^ω^)↗
  2. Sort Order 如果有多个Overlay的canvas的话，数值越大，越后渲染（也就是覆盖掉前面渲染过的像素点）
  3. Target Display 这个的话，我想是为了方便调试UI界面
  4. Additional shader Channels  （//▽//）这个没用过，不过有一篇大佬博客 请步行！===》

       这种渲染模式会要求指定一个渲染摄像机，如果指定的话，在scene视图里，就会发现该canvas会移动到渲染摄像机的可视范围内，并且跟随摄像机t的变化而变化，比如旋转呀什么的&#x

最低0.47元/天 解锁文章
起风了_唯有努力生存
关注
  • 2
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Unity学习日志_UGUI组件简介
BraveRunTo的博客
01-07 765
Unity学习日志_UGUI组件简介 1. Canvas画布： 简介： 画布，绘制UI元素的载体，所有元素必须在Canvas之下。 渲染顺序： 当在同一Canvas中时： ​ 渲染顺序取决于图片在Hierarchy的顺序。 当在不同Canvas中时： ​ 渲染顺序取决于Sorting Layer和Order In Layer或者Sort Order数值的设置。其中同一Layer看Order，不同Layer看Sorting Layer。 属性： render mode： overlay（canvas画布独立
Unity之UI
热门推荐
qq_45548042的博客
10-28 1万+
Unity之UI一、Canvas1.创建Canvas2.Render Mode（1）Screen Space - Overlay（2）Screen Space - Camera（3）World Space3.Pixel Perfect二、基本布局1.矩形工具2.矩形变换(Rect Transform)3.大小与缩放4.枢(Pivot)5.锚(Anchors)三、视觉组件1.Text2.Image3.Raw Image4.Mask5.RectMask2D6.Shadow7.Outline8.Position
Unity UGUI 之 Canvas Scaler
最新发布
咩咩觉主的博客
07-18 1284
嘻嘻
UGUI笔记—Canvas、Image
the_vnas的博客
09-13 1665
UGUI中的Canvas和Image
Unity笔记—10（Unity常用插件整理之UGUI）
宝全哥哥的博客
12-20 2296
Unity笔记—8（Unity常用插件整理之UGUI） 提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加 例如：第一章 Python 机器学习入门之pandas的使用 提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录Unity笔记—8（Unity常用插件整理之UGUI）前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习
Unity UGUI 文字描边与渐变
z2014z的博客
03-04 4710
Unity UGUI 文字描边与渐变 文字描边 OutLine 默认顶点数为16 将描边距离分别设置x=100，y=50，使用OutLine8 与禁用OutLine8 对比，如下图，顶点数（Verts）相差100 一个字=一张图=2个三角面=6个顶点（vertex）包括2个共用顶点 使用Text，一个文字对应4个顶点，其中2个顶点共用 使用OutLine8，相当于在Text文本后面多绘制了8个文本，此时顶点数=2*6*9=108 Outline8 Code using System.Collections
Unity 文本颜色描边性能优化方案
Unity小白
07-28 3545
在这首先回答一个问题就是：为什么我们需要实现一个描边的方案？Unity没有吗？ 答：Unity肯定有自己的代替方案，只是性能看起来并没那么优越。Unity 的方案是挂载一个 OutLine 组件。 Outline outline inherit Shadow： 【Unity】Source Code： public class Outline : Shadow { protected Outline() { } public override void ModifyM.
enscape2.3.1
10-07
su渲染插件enscape安装包 。
【unity shader】基于UGUI字体的outline优化
HelloCLanguage的博客
04-29 5227
基于Shader实现的UGUI描边解决方案 找了一下outline的一些优化的实现方案，但是那个方案的两层text叠加或者是image叠在上面会出现颜色偏差问题。 目前已找到对应的问题并进行了一些修复。 归咎原因就是： color = (val * (1.0 - color.a)) + (color * color.a); 这里计算color值时，没有考虑到color.a大于1的情况，...
关于unity中BindChannels的理解
勥小透明
06-30 1765
官方文档：http://docs.unity3d.com/Manual/SL-BindChannels.html 一个博主的博客：http://blog.csdn.net/cubesky/article/details/38582283大家主要参考这2个文章就可以了，这里重点强调下这个命令的作用。其实 BindChannels 命令主要干的事情，就是可以重新映射绑定语义的数据源和目标硬件。 博客
unity ugui显示模型_UGUI（一）- Canvas
weixin_39812186的博客
12-11 435
对于想学习Unity游戏开发的人来说，UI是很好的入门部分。时至今日，越来越多的Unity游戏UI框架从 NGUI 转向 UGUI，两者优势也有很多大神做过实例对比。在接下来的文章里，我会对 UGUI 的基础使用以及实战中容易出现的问题进行讲解。欢迎关注。UGUI 是作为内置功能部分集成到Unity各个版本当中的，不需要额外下载。当我们打开Unity，并在Hierarchy视图中右键菜单中随便创...
【Unity】用shader做UGUI字体描边的算法改进
zhenmu的专栏
03-26 1万+
Unity自带的Outline 效率实在太差。 找了基于Shader实现的UGUI描边解决方案http://www.cnblogs.com/GuyaWeiren/p/9665106.html 效果还不错，overdraw和顶点数都不高。 不过方案有2个问题，自己尝试调整了一下， 代码放在这以供参考吧。 (注：把ui存储prefab，运行时动态挂到一个canvas上， 这个canvas 如果...
Uity3D Shader官方教程翻译(十四)----Shader语法：Pass的BindChannels 绑定通道
3G-肖阳
02-21 2715
ShaderLab syntax: BindChannels 绑定通道。 BindChannels command allows you to specify how vertex data maps to the graphics hardware. BindChannels 命令 允许你指定顶点数据如何映射到显卡中。 BindChannels has no effect
从UGUI源码中想到的UI动态”挖洞”效果的实现(蒙版过滤)
时间是最为奇妙的东西
08-29 7685
一、需求描述：项目中有时候会用到一些“”挖洞“”效果，比如新手教程出现时，整个画面变暗（蒙版），但是突出突出个别的按钮，供玩家点击，但是别的UI元素不能响应点击事件。常见的做法可能是在最上层加一个蒙版，然后改变需要突出的按钮的层级。这种方法对于层级关系简单的项目还可以勉强使用，但是对于层级关系比较复杂而又有其他的限制的时候就有点捉襟见肘了。这里介绍另一种方法：使用模板测试，可以应对很复杂的情况。效...
[UnityShader入门精要读书笔记]19.Unity的渲染路径
songtianqi123的专栏
12-16 279
在Unity里，渲染路径决定了光照是如何应用到Unity Shader中的。因此，如果要和光源打交道，我们需要为每个pass指定它使用的渲染路径。也就是说，只有为Shader正确的选择和设置了需要的渲染路径，该Shader的光照计算才能被正确执行。 Unity支持多种类型的渲染路径。在Unity5.0之前，主要有3种:前向渲染路径（Forward Rendering ...
【Unity学习笔记】UGUI之Canvas
一白梦人的博客
06-03 555
声明：此篇文章是个人学习笔记，并非教程，所以内容可能不够严谨。可作参考，但不保证绝对正确。如果你发现我的文章有什么错误，非常欢迎指正，谢谢哦 官方文档：https://docs.unity3d.com/cn/current/Manual/UICanvas.html Canvas Canvas对象 Canvas（画布）是容纳所有UI元素的区域，是一种带有canvas组件的游戏对象，所有 UI 元素都必须是此类画布的子项。 从菜单 (GameObject > Create UI) 创建 UI 元素对象时，
前向渲染路径细节
Hoxily的窝窝
07-23 357
前向渲染路径细节 此页描述前向渲染路径的细节。 前向渲染路径对每个物体渲染一个或者多个pass，具体情况由影响该物体的灯光决定。根据灯光的设置和亮度，前向渲染会区别对待。 实现细节 在前向渲染的情况下，影响物体的最亮的灯光中一部分以逐像素光照模式渲染。然后最多4个点光以逐顶点的方式渲染。其余的灯光以球谐（Spherical Harmonics，SH）方式计算，计算速度很快但是仅仅是一个近似。一个灯光是否是逐像素灯光依赖以下条件： RenderMode设置为NotImportant的灯光作为逐顶点或者球谐处
shader学习之路——更复杂的光照之Base Pass 和 Additional Pass和光照的衰减
qq_43761888的博客
03-10 1002
Shader "Custom/ForwardRenderingShader" { Properties { _Color ("Color", Color) = (1,1,1,1) _MainTex ("Albedo (RGB)", 2D) = "white" {} _Gloss ("Gloss", Range(8,255)) = 20 _Diffuse("Diffuse Color",Color) = (1,1,1,1) _SpecularColor("Specular Color..
unity3d canvas坐标系转换
08-12
- *3* [Unity3d UI控件相对于Canvas坐标](https://blog.csdn.net/wangningzk123/article/details/107111468)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值