UGUI组件之Canvas 组件简单笔记

Canvas 组件介绍
Canvas 组件的用途是用于 UGUI 系统内的 UI 游戏物体的渲染。
如果没有该组件,所有的 UGUI 游戏物体都将无法显示。
而 Canvas 组件本身又分为三种渲染模式:
  ①Screen Space - Overlay 覆盖模式
  ②Screen Space - Camera
  ③World Space
这三种渲染模式分别用于不同的渲染需求,Canvas 组件上其余的属性都是根
据我们选择的不同的渲染模式,而跟随发生改变的。
也就是说:不同的渲染模式,对应不同的控制属性。
========================================================
Screen Space-Overlay(屏幕空间-覆盖模式)
  屏幕空间--指的是显示屏的2D空间,X轴和Y轴
  覆盖模式--UI元素永远在3D元素的前面,UI覆盖3D (默认模式)
  在 Overlay 模式下,UGUI 和摄像机无关
---------------
2.相关属性
  Pixel Perfect:完美像素,UI 和屏幕像素对应,UI 图片不会出现锯齿边缘;
  Sort Order:排序层,用于设置画布的深度层级(场景存在多个 Canvas 时);
  在同一个场景内允许出现多个 UGUI 的 Canvas 画布
========================================================
Screen Space-Camera(屏幕空间-摄像机模式)
  摄像机模式:设置成该模式后,需要指定一个摄像机游戏物体,指定完毕后,
  UGUI 就会自动出现在该摄像机的“投射范围”内。
  如果现在隐藏掉摄像机游戏物体,UGUI 也是无法渲染显示的。
----------------------------------
2.相关属性
  Render Camera:渲染摄像机,指定用于渲染 UGUI 元素的摄像机;
  Plane Distance:面板距离,控制 UGUI 元素和摄像机之间的距离。
========================================================
WorldSpace(世界空间模式)
  世界空间模式:是相对于屏幕空间而言的,世界空间是 x,y,z 三个轴向。
  设置成该模式后,UGUI 就相当于是场景内的一个普通的“Cube 游戏模型”,
  我们是可以在场景内任意的移动 UGUI 元素的位置。
----------------------------------
2.应用案例演示
  3D 模式的跟随血条;
  Canvas设置成为子物体,并选择WorldSpace模式
  代码控制位置position,旋转rotation等
  VR 项目开发中的场景 UI。

========================================================

 

转载于:https://www.cnblogs.com/madinglin/p/8476831.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值