Unity3d自学记录 Canvas

最新推荐文章于 2024-06-05 22:47:24 发布
最新推荐文章于 2024-06-05 22:47:24 发布
阅读量2.4k 收藏 4
点赞数 2
分类专栏： Unity3d
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/duan_1998/article/details/86419106
版权
  • 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
    评论
专栏目录
enscape2.3.1
10-07
su渲染插件enscape安装包 。
Unity学习日志_UGUI组件简介
BraveRunTo的博客
01-07 711
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中的CanvasScaler组件讲解
最新发布
Xiao_Chen____的博客
06-05 623
Unity中的CanvasScaler组件是UGUI系统中的一个关键组件，主要用于控制画布的缩放和适配，以确保UI在不同屏幕分辨率下的显示效果一致。
UGUI笔记—Canvas、Image
the_vnas的博客
09-13 1582
UGUI中的Canvas和Image
Unity笔记—10（Unity常用插件整理之UGUI）
宝全哥哥的博客
12-20 1937
Unity笔记—8（Unity常用插件整理之UGUI） 提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加 例如：第一章 Python 机器学习入门之pandas的使用 提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录Unity笔记—8（Unity常用插件整理之UGUI）前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习
Unity UGUI 文字描边与渐变
z2014z的博客
03-04 4624
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 3459
在这首先回答一个问题就是：为什么我们需要实现一个描边的方案？Unity没有吗？ 答：Unity肯定有自己的代替方案，只是性能看起来并没那么优越。Unity 的方案是挂载一个 OutLine 组件。 Outline outline inherit Shadow： 【Unity】Source Code： public class Outline : Shadow { protected Outline() { } public override void ModifyM.
【unity shader】基于UGUI字体的outline优化
HelloCLanguage的博客
04-29 5129
基于Shader实现的UGUI描边解决方案 找了一下outline的一些优化的实现方案，但是那个方案的两层text叠加或者是image叠在上面会出现颜色偏差问题。 目前已找到对应的问题并进行了一些修复。 归咎原因就是： color = (val * (1.0 - color.a)) + (color * color.a); 这里计算color值时，没有考虑到color.a大于1的情况，...
关于unity中BindChannels的理解
勥小透明
06-30 1758
官方文档：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 405
对于想学习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 2701
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 7655
一、需求描述：项目中有时候会用到一些“”挖洞“”效果，比如新手教程出现时，整个画面变暗（蒙版），但是突出突出个别的按钮，供玩家点击，但是别的UI元素不能响应点击事件。常见的做法可能是在最上层加一个蒙版，然后改变需要突出的按钮的层级。这种方法对于层级关系简单的项目还可以勉强使用，但是对于层级关系比较复杂而又有其他的限制的时候就有点捉襟见肘了。这里介绍另一种方法：使用模板测试，可以应对很复杂的情况。效...
[UnityShader入门精要读书笔记]19.Unity的渲染路径
songtianqi123的专栏
12-16 275
在Unity里，渲染路径决定了光照是如何应用到Unity Shader中的。因此，如果要和光源打交道，我们需要为每个pass指定它使用的渲染路径。也就是说，只有为Shader正确的选择和设置了需要的渲染路径，该Shader的光照计算才能被正确执行。 Unity支持多种类型的渲染路径。在Unity5.0之前，主要有3种:前向渲染路径（Forward Rendering ...
【Unity学习笔记】UGUI之Canvas
一白梦人的博客
06-03 538
声明：此篇文章是个人学习笔记，并非教程，所以内容可能不够严谨。可作参考，但不保证绝对正确。如果你发现我的文章有什么错误，非常欢迎指正，谢谢哦 官方文档：https://docs.unity3d.com/cn/current/Manual/UICanvas.html Canvas Canvas对象 Canvas（画布）是容纳所有UI元素的区域，是一种带有canvas组件的游戏对象，所有 UI 元素都必须是此类画布的子项。 从菜单 (GameObject > Create UI) 创建 UI 元素对象时，
前向渲染路径细节
Hoxily的窝窝
07-23 350
前向渲染路径细节 此页描述前向渲染路径的细节。 前向渲染路径对每个物体渲染一个或者多个pass，具体情况由影响该物体的灯光决定。根据灯光的设置和亮度，前向渲染会区别对待。 实现细节 在前向渲染的情况下，影响物体的最亮的灯光中一部分以逐像素光照模式渲染。然后最多4个点光以逐顶点的方式渲染。其余的灯光以球谐（Spherical Harmonics，SH）方式计算，计算速度很快但是仅仅是一个近似。一个灯光是否是逐像素灯光依赖以下条件： RenderMode设置为NotImportant的灯光作为逐顶点或者球谐处
shader学习之路——更复杂的光照之Base Pass 和 Additional Pass和光照的衰减
qq_43761888的博客
03-10 954
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
在Unity3D中，可以使用RectTransformUtility类中的ScreenPointToLocalPointInRectangle方法来进行坐标系的转换。具体的代码实现如下所示： ``` Camera camera = GameObject.Find("Main Camera").GetComponent<Camera>(); RectTransform canvas = GameObject.Find("Canvas").GetComponent<RectTransform>(); // 获取世界坐标在Canvas中的相对坐标 Vector2 localPos = Vector3.zero; RectTransformUtility.ScreenPointToLocalPointInRectangle(canvas, camera.WorldToScreenPoint(transform.position), camera, out localPos); Debug.Log(localPos); // 遍历子物体，获取子物体在Canvas中的相对坐标 foreach (Transform trans in transform) { RectTransformUtility.ScreenPointToLocalPointInRectangle(canvas, camera.WorldToScreenPoint(trans.position), camera, out localPos); Debug.Log(localPos); } ``` 上述代码可以将世界坐标转换为指定Canvas的相对坐标。其中，`camera`表示主相机，`canvas`表示目标Canvas，`transform`表示需要转换的物体的Transform组件。通过调用`RectTransformUtility.ScreenPointToLocalPointInRectangle`方法，将世界坐标转换为Canvas中的相对坐标，并将结果存储在`localPos`变量中。 请注意，以上代码只是示例，您需要根据自己的具体场景进行相应的调整和修改。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [Unity各种坐标转换](https://blog.csdn.net/qq_30058057/article/details/105413689)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *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_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值