【Unity基础】ugui画布篇(个人学习)_unity画板

前言

ui是必学的东西，这里主要学习ugui的常用控件，而学习必须要养成查看源码的好习惯。。。。
知识参考:https://docs.unity3d.com/cn/2021.3/Manual/
提前说明，这是个人学习笔记，不是教程。

一、Canvas是什么？

Canvas故名思意就是UI的画板，主要是控制UI的绘制的。在unity的ugui中，所有UI都必须是Canvas的子物体，而一个Canvas对象必须挂上以下几个组件，Canvas组件、RectTransform组件、CanvasScaler组件、GraphicRaycaster组件。下面分别看看这些组件是干嘛的。顺便附上一张截图

1.Canvas组件

I.RenderMode字段,是控制UI的覆盖方式，主要是三个选项。

选项一，Screen Space - Overlay

  按照选项的英文自己翻译，屏幕空间覆盖，那就是不管三七二十一直接覆盖上屏幕上。就是说把UI层和世界空间层分开渲染，UI永远是最前面的那个。

选项二，Screen Space - Camera

  如果选择这选项，就把把UI成发到摄像机的观察空间了。比如说我们选择好摄像机并且把设置好和摄像机的距离，如图所示:

这里的意思是说，把UI发到摄像机朝向发现距离为100的地方处，但是我们以摄像机朝向距离为10的地方创建一个物体，那么这个物体就会对UI进行遮掩。如下图所示:

，还有一个问题就是，这个UI的显示是依赖于摄像机的投影矩阵的，就是说选择摄像机的正交模式的情况下，UI的所有的近大远小的效果都会失效。

选项三，World Space

  这个选项就是把Canvas放到世界坐标里面，那么这种情况和普通的世界空间的其他物体没上面区别，那么我们可以把Canvas作为某个物体的子物体，就可以实现以下的效果。
这样就可以实现类似怪物头顶血条的效果了。。。。。。。

II.Pixel Perfect的作用

是Canvas组件下的这个东西

它在RenderMode为 World Space的时候无法使用，开启它主要是然UI的边缘更加清晰化，当然，这是要消耗性能为代价的。

III.需要注意的问题

首先先创建一张图片和一个Cube，并且按照上面这种情况，发现UI层就会把游戏物体给挡住，如下图所示：

我们再点开Cube的shader代码，发现如下图说是，Cube的着色器是开启着深度测试的，那么Image把Cube的遮挡部分的像素会因为无法通过深度测试而被剔除掉，所以就不会产生overdraw，这种情况下还可以接受，Cube的stand shader如下：

深度测试的数值通常是无法提前预知的，所以Cube的一些像素是必需要通过片元着色器而通向测试部分的，不过我们倒是可以通过生成一张帧缓存，而提前知道屏幕的该像素点是UI的区域，且还需要判断该UI透不透明，如果满足不透明且是UI的区域而提前把Cube的像素在片元着色器阶段剔除掉。(这里只学习UGUI，超纲了声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小丑西瓜9/article/detail/111128