安宁技术博客

UE4 U3D VR

Canvas

  • 每个其他UI元素都必须处于一个Canvas的子级中。
  • 一个场景中可以存在多个Canvas。

Render Mode– Screen Overlay

  • 画布总会铺满整个屏幕,总是渲染在所有元素的最上层,画布的RectTransform的大小由屏幕决定。
  • Pixel Perfect选项会让UI边缘锐利。

Render Mode—Camera

  • 在没有指认摄像机时候,和Sreen Overlay效果完全一样。指认了摄像机以后,画布会自动调整到摄像机的可视范围内,画布全权交由这个摄像机来渲染,多个相机的渲染次序、相机类型等都会对该画布的元素有影响。此模式下画布的RectTransform完全受到相机的ViewPort Rect影响。
  • Pixel Perfect和Screen Overlay模式下作用一样
  • Plane Distance决定Canvas与渲染相机的距离

该模式可能有如下应用场景:

  1. 如果渲染Canvas的相机是透视的,可以调整Canvas内某些元素的旋转角度,产生透视和深度效果。
  2. 可以通过不同相机的sorting layer和渲染的图层来实现UI上方的粒子特效等。

Render Mode – World Space

  • 画布的Rect Transform完全自由,不受任何约束。可以自行设置大小、位置。
  • 可以放置于物体的子级,常用作气泡、对话框等
  • Event Camera 该选项决定该UI接受哪个相机的事件,如果该项为None,则默认接受主相机的事件。如果指定某个相机,则只接受该相机的事件
阅读更多
版权声明:请尊重原创内容,转载请注明来源及链接。 https://blog.csdn.net/inlet511/article/details/46829095
文章标签: canvas ugui rendermode
个人分类: UGUI
上一篇[UGUI] Rect Transform
下一篇Lerp 实现匀速运动
想对作者说点什么? 我来说一句

canvas 特效之变化线条

2018年02月23日 3KB 下载

canvas裁剪

2018年06月23日 211KB 下载

canvas绘制七巧板

2017年09月23日 909B 下载

HTML5 Canvas

2013年03月21日 244KB 下载

H5 canvas 实现小游戏

2018年06月25日 456KB 下载

canvas 画板 手写板

2017年11月22日 91KB 下载

2048canvas游戏

2018年05月28日 70KB 下载

Canvas Draw on the Web

2018年01月07日 6.1MB 下载

excanvas.js

2014年12月13日 24KB 下载

canvas绘图 制作的小案例

2018年01月19日 3KB 下载

没有更多推荐了,返回首页

关闭
关闭