MargaretChen
UI界面展示三维角色模型

UI界面展示三维角色模型

方法一:使用 Render Target

  • 新建一个UICamera用于拍摄三维模型

    Untitled

  • 在Project窗口下新建RenderTexture

    Untitled

  • 设置UICamera的OutputTexture设置为刚刚新建的RenderTexture

    将渲染目标设定为RT

    Untitled

  • Canvas上新建一个RawImage,并把Texture设置为RenderTexture

    由于这里不需要参与射线检测,所以取消勾选Raycast Target

    Untitled

方法二:调整UI画布渲染模式

将CanvasRenderMode设置为Screen Space - Camera

相机会把位于Canvas和摄像机的网格一起渲染

Untitled

两种方法对比

修改RenderMode的方式相对简单, 并且不用多消耗一张RenderTexture

对于一些简单的场景直接修改RenderMode即可

但是此方法具有一定局限性,比如有些物体不方便放置在Camera前面

并且不好控制展示的区域,如果使用RT可以直接调整RawImage

(以上纯属个人理解,可能有误)

最终效果展示

滑动进度条可以进行旋转和缩放,点击按钮切换角色

Untitled

Untitled

Untitled

缩放实现思路

  • 调整摄像机的Size

    Untitled

  • 移动摄像机位置

    将摄像机往竖直方向上移动,聚焦于角色脸部

Author:MargaretChen
Link:http://margaret-chen217.github.io/2023/08/19/UI界面展示三维模型/
版权声明:本文采用 CC BY-NC-SA 3.0 CN 协议进行许可