博客
关于我
Canvas 渲染模式
阅读量:780 次
发布时间:2019-03-24

本文共 1161 字,大约阅读时间需要 3 分钟。

Canvas 组件及 Render 模式

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

Render 模式

UI 渲染方式有三種: Screen Space – Overlay、Screen Space – Camera 和 World Space。

1. Screen Space – Overlay (屏幕空域 – 覆盖)

在此模式下,UI 元素不會參照Camera,UI 直接顯示在任何買 IDX 3D 模型之上。

優勢:可以實現":"Pixel Perfect"效果,圖像質量更高,但會耗費更多的性能,尤其在有大量UI動畫的情況下,可能會引起卡頓。
[color:Sean]
此外, «Sort Order»系統將結合物件的深度值(.z值)來顯示排列順序,深度值越高的物件會更靠前,這也是一種重要的設定方式。[/color:Sean]...

2. Screen Space – Camera (屏幕空域 – 攝像機)

這種模式采用了一個Camera 作為參考mise。UI平面放置在Camera前的確定距離之上,這使得UI平面的大小跟(camera 的屏幕尺寸、分辨率和視锥AMP_ENCODE 改變时會自動調整。值得注意的是,如果Scene當中有的物件比UI平面更靠近Camera,就會遮蓋住UI平面。

此外,還有一些特定的設定選項可以設置:

  • Render Camera:復制用於呈現UI的Camera ......
  • Plane Distance:UI平面與Camera的距離
  • Sorting Layer:指定UI Canvas 屆島的排序屔,這overzenimating展現visible_ATTRIBUTES,).
    [color:Sean] 在編輯器中,這些設定可以在 edit -> project settings -> tags and layers -> sorting layers 中找到並新增新的排序屔。然後,還需要設置 Canvas所在的排序屔中的顺序,這樣UI 元素才會正確地被排序成為前面或後面的元素。[/color:Sean]...
3. World Space (世界空域)

第三種 Render 模式是使用世界坐標空域,這使得UI組件被當作3D物件呈現。在這種模式下,UI組件的位置位置是相对于3D世界的。这就MoblieМ_marginить Möbius效果:the «Event Camera «(setting this cheating Camera 是處理UI事件(如Click事件、拖曳事件)的唯一方法,這點對於開發Sprite-BASED UI很重要。

注意事項

转载地址:http://evokk.baihongyu.com/

你可能感兴趣的文章
multi-angle cosine and sines
查看>>
Mysql Can't connect to MySQL server
查看>>
mysql case when 乱码_Mysql CASE WHEN 用法
查看>>
Multicast1
查看>>
MySQL Cluster 7.0.36 发布
查看>>
Multimodal Unsupervised Image-to-Image Translation多通道无监督图像翻译
查看>>
multipart/form-data与application/octet-stream的区别、application/x-www-form-urlencoded
查看>>
mysql cmake 报错,MySQL云服务器应用及cmake报错解决办法
查看>>
Multiple websites on single instance of IIS
查看>>
mysql CONCAT()函数拼接有NULL
查看>>
multiprocessing.Manager 嵌套共享对象不适用于队列
查看>>
multiprocessing.pool.map 和带有两个参数的函数
查看>>
MYSQL CONCAT函数
查看>>
multiprocessing.Pool:map_async 和 imap 有什么区别?
查看>>
MySQL Connector/Net 句柄泄露
查看>>
multiprocessor(中)
查看>>
mysql CPU使用率过高的一次处理经历
查看>>
Multisim中555定时器使用技巧
查看>>
MySQL CRUD 数据表基础操作实战
查看>>
multisim变压器反馈式_穿过隔离栅供电:认识隔离式直流/ 直流偏置电源
查看>>