Unity3D物体在UI界面的显示

  原文链接

1

Create UI —— 创建一个UI元素

Hierarchy / 层次面板中，创建一个 UI 元素 RawImage

创建 RawImage 是因为，我们稍后将要把相机记录的渲染纹理，赋值给 RawImage

用以显示3D图像

Create RenderTexture And Camera —— 创建渲染纹理与相机

新建一个相机，用来专门照射3D模型/游戏对象 —— 为了避免会影响到主视角，所以我们把位置设置到远一些的位置

新建一个 RenderTexture ，赋值新建的相机，用来记录相机渲染图像

注意：

RenderTexture 是可以设置分辨率的，默认只有256*256

所以显示3D模型的时候，可能会出现模糊不清的情况。那么只需要调高分辨率即可，这里我改为了1024*768

另外，移除新相机上的 Audio Listener 组件，不然会报警说场景中存在2个

Relevance RawImage —— 将渲染纹理关联图片

将 RenderTexture 指定相机后，同样指定给最初创建的 Relevance RawImage

这样，新建相机下出现任何物体，都会被渲染纹理记录，并显示在 RawImage 上

Create Cube —— 创建一个立方体，看下3D效果

完成以上操作，我们在场景中创建一个 Cube ，并把位置调整到新建相机的视野中

我们即可在 Game 视窗中看到 3D 立体效果

Control The Rotation —— 控制3D模型/物体旋转

在新建的相机上加一个脚本来控制相机的旋转，来 360 度的全方位看我们的游戏对象 /Cube

对 UI 进行整理（这里我只是为了 Demo效果更便于新手理解，大家也可以不做整理依旧出效果）

注意：

以下代码，需要指定目标对象，需要将Cube 指定到 Pivot 属性中即可

运行后，右键即可控制UI上的3D物体进行旋转！

也可以写一个脚本，控制 游戏对象 /Cube 的旋转都行

using UnityEngine;


/// <summary>
/// 脚本挂载新建相机上 —— 新相机Clear Flags清除标记设置为：Solid Color，不然会显示天空盒
/// </summary>
public class ChinarSmoothUi3DCamera : MonoBehaviour
{
    public  Transform pivot;
    public  Vector3   pivotOffset = Vector3.zero;
    public  Transform target;
    public  float     distance       = 10.0f;
    public  float     minDistance    = 2f;
    public  float     maxDistance    = 15f;
    public  float     zoomSpeed      = 1f;
    public  float     xSpeed         = 250.0f;
    public  float     ySpeed         = 250.0f;
    public  bool      allowYTilt     = true;
    public  float     yMinLimit      = -90f;
    public  float     yMaxLimit      = 90f;
    private float     x              = 0.0f;
    private float     y              = 0.0f;
    private float     targetX        = 0f;
    private float     targetY        = 0f;
    public  float     targetDistance = 0f;
    private float     xVelocity      = 1f;
    private float     yVelocity      = 1f;
    private float     zoomVelocity   = 1f;


    private void Start()
    {
        var angles         = transform.eulerAngles;
        targetX        = x = angles.x;
        targetY        = y = ClampAngle(angles.y, yMinLimit, yMaxLimit);
        targetDistance = distance;
    }


    private void LateUpdate()
    {
        if (!pivot) return;
        var scroll = Input.GetAxis("Mouse ScrollWheel");
        if (scroll      > 0.0f) targetDistance -= zoomSpeed;
        else if (scroll < 0.0f)
            targetDistance += zoomSpeed;
        targetDistance = Mathf.Clamp(targetDistance, minDistance, maxDistance);
        if (Input.GetMouseButton(1) || (Input.GetMouseButton(0) && (Input.GetKey(KeyCode.LeftControl) || Input.GetKey(KeyCode.RightControl))))
        {
            targetX += Input.GetAxis("Mouse X") * xSpeed * 0.02f;
            if (allowYTilt)
            {
                targetY -= Input.GetAxis("Mouse Y") * ySpeed * 0.02f;
                targetY =  ClampAngle(targetY, yMinLimit, yMaxLimit);
            }
        }

        x = Mathf.SmoothDampAngle(x, targetX, ref xVelocity, 0.3f);
        y = allowYTilt ? Mathf.SmoothDampAngle(y, targetY, ref yVelocity, 0.3f) : targetY;
        Quaternion rotation = Quaternion.Euler(y, x, 0);
        distance = Mathf.SmoothDamp(distance, targetDistance, ref zoomVelocity, 0.5f);
        Vector3 position = rotation * new Vector3(0.0f, 0.0f, -distance) + pivot.position + pivotOffset;
        transform.rotation = rotation;
        transform.position = position;
    }


    private static float ClampAngle(float angle, float min, float max)
    {
        if (angle < -360) angle += 360;
        if (angle > 360) angle  -= 360;
        return Mathf.Clamp(angle, min, max);
    }
}