Canvas 渲染模式

1. Canvas 

  Canvas Component 是UI布局和渲染的抽象空間,所有的UI都必須在此元素之下(子物件),简单来说 Canvas 就是渲染 UI 的組件。

2. Render Mode

UI渲染的方式,有以下三種:

  • Screen Space – Overlay:屏幕空間 – 覆盖
  • Screen Space – Camera:屏幕空间– 摄像机
  • World Space:世界坐标空间

         1).Screen Space – Overlay

         在此模式下不会参照到Camera,UI直接显示在任何图形之上。

         Pixel Perfect:可以使图像更清晰,但是有额外的性能消耗,如果在有大量UI动画的时候,可能会有卡顿。

         Sort Order:深度值,该值越高越接近前面。

2).Screen Space – Camera 

         使用一个Camera作为参照,将UI平面放置在Camera前的一定距离,因为是参照Camera,如果屏幕大小、分辨率、Camera视锥改变时UI平面会自动调整大小。如果Scene中的物件(Game Object)比UI平面更靠近摄像机,就會遮挡到UI平面。

         Render Camera:用于渲染的摄像机

         Plane Distance:与Camera的距離

         Sorting Layer:Canvas属于的排序层,在 Edit->Project Setting->Tags and Layers->Sorting Layers 进行新增,越下方的层显示越前面。

         Order in Layer:Canvas属于的排序层下的順序,该值越高越靠前。

3). World Space

         把物体当作世界座标中的平面(Game Object),也就是当作3D物件,显示示3D UI。

         Event Camera:处理UI事件(Click、Drag)的Camera,所设定的Camera才能触发事件。

 

 

 

posted on 2018-06-12 10:19  BigBom原子  阅读(1988)  评论(0编辑  收藏  举报