旋转相机时对象旋转不正确

Question

我有一个摄像头，它将 userInterface（画布）对象显示到我的摄像头前面。 如果相机光线投射没有击中我的用户界面对象碰撞器，我只会更新我的用户界面位置。像这样的

public class UIPlacerAtCamFront : MonoBehaviour {

    public GameObject userInterface;
    public float placementDistance;
    Vector3 uiPlacementPosition;
    RaycastHit  objectHit; 

    void Update () {

        Vector3 fwd = this.transform.TransformDirection(Vector3.forward);
        //Debug.DrawRay(this.transform.position, fwd * 50, Color.green);

        if (Physics.Raycast(this.transform.position, fwd, out objectHit, 50))
        {
            //raycast hitting the userInterface collider, so do nothing, userinterface is infornt of the camrea already
        }
        else
        {
            //raycast is not hitting userInterfae collider, so update UserInterface position accoding to the camera
            uiPlacementPosition = this.transform.position + this.transform.forward * placementDistance;
            userInterface.transform.position = uiPlacementPosition;
        }

        //Continuously update userInterface rotation according to camera
        userInterface.transform.rotation = this.transform.rotation; 
    }
}

上面的脚本附在我的相机上，它正确显示了对象，但是当我开始旋转我的相机时，我的 UI 对象旋转看起来很奇怪，如下图所示

当我旋转时，会出现这个问题

我知道问题出在轮换上，所以我厌倦了更改我的这个轮换代码

    userInterface.transform.rotation = this.transform.rotation; 

到这里

userInterface.transform.localEulerAngles = new Vector3 (this.transform.localEulerAngles.x,
            0,
            this.transform.localEulerAngles.z);

但它给我带来了另一个奇怪的旋转，如下所示

我希望我的 userinteface 对象正确面对我的相机，甚至我的相机正在观看我的 userinteface 对象的开始或结束。如何根据相机旋转正确旋转我的 UI？

Answer 1

如果我理解正确的话。你想要一个类似于滑动谷歌地图的行为。只是相机必须旋转，图片必须根据行为调整其位置和旋转。

下面的代码应该做到这一点：

void Update() {
    userInterface.transform.rotation = this.transform.rotation;

    // Project camera to canvas plane
    Vector3 projection = Vector3.ProjectOnPlane(this.transform.position - userInterface.transform.position, userInterface.transform.forward)
        + userInterface.transform.position;

    // Get distance from camera to projected position (basically, distance from point to plane)
    float curDistance = (this.transform.position - projection).magnitude;

    // Correct that distance with desired distance
    userInterface.transform.position += this.transform.forward * (placementDistance - curDistance);
}