UG4L23——曲面UI

曲面UI

曲面UI指的就是想把UI界面显示在一个3D物体上
作为一个3D物体的贴图看,一般在VR、AR开发中常用

添加对应层

当使用曲面UI时,需要用到捕获UI成纹理的功能,所以需要定义VUI、Hidden VUI这两个Layer,否则会出现警告
这两个Layer可以随便定义到没使用的层序号,但要注意所有相机的Culling Mask都不选择这两个层

imageimage

制作曲面UI

  1. 将制作好的3D模型,以曲面为例放入场景中

    image

  2. 在模型上挂载一个UIPainter​组件,这时会自动添加Mesh Collider和Mesh Renderer组件

    image

  3. 像类似UIPanel​一样在UIPainter​上设置包名和组件名

    image

    image

    发现曲面不是透明的,因此需要添加FairyGUI的ImageShader的材质球

    imageimage

    最终得到的曲面的UI图像

    image

UIPainter参数相关

image

  • Package Name:包名

  • Component Name:要显示的组件的名字

  • Sorting Order:排序层,当有多个曲面UI时,排序层越高显示在越前面
    同层则由Z轴决定渲染层级

  • Render Camera:渲染摄像机,如果不设置则使用默认的摄像机

  • Fairy Batching:深度优化DrawCall

    原理参见:UG4L17——DrawCall优化

  • Touch Disabled:是否关闭点击检测