绕x和y轴旋转的3D立方体

Question

绕x和y轴旋转的3D立方体

4

我正在编写一个WPF应用程序，使用Viewport 3D来显示一个由6个不同颜色面组成的立方体。最终我想创建一个可旋转的魔方。

我已经添加了两种方法来旋转相机，一种是使用"WASD"键，另一种是通过拖动鼠标。沿着y轴旋转相机效果很好（即水平旋转）。然而，当尝试沿x轴旋转相机时，只有在相机还没有进行水平旋转时才能正常工作。如果已经旋转过，则无论魔方在哪里，它似乎总是将同一面朝上旋转。

例如，假设我们使用标准魔方。白色面向上，蓝色面是前面的面。当相机还没有旋转时，我按下"W"键或向上拖动鼠标，蓝色面就会向白色面移动，因此魔方看起来像是向上旋转，这正是我想要的。但是，如果我首先水平旋转相机180度，使白色面仍然朝上，但前面的面现在是绿色面，然后我按下"W"键或向上拖动鼠标，旋转仍将是蓝色面向白色面移动，因此魔方看起来像是向下旋转。

我猜想这可能与x轴在相机旋转时保持不变有关，但我不确定如何解决。非常感谢任何帮助。

这是我的相机XAML代码：

                <Viewport3D.Camera>
                <PerspectiveCamera 
              Position = "2, 2, 5"
              LookDirection = "-2, -2, -5"
              UpDirection = "0, 1, 0"
                NearPlaneDistance="1"
                FarPlaneDistance="20"
              FieldOfView = "80">
                    <PerspectiveCamera.Transform>
                        <Transform3DGroup>
                            <RotateTransform3D>
                                <!--Take care of x rotation of camera-->
                                <RotateTransform3D.Rotation>
                                    <AxisAngleRotation3D x:Name="rotateX" Axis="0 1 0 " Angle="0" />
                                </RotateTransform3D.Rotation>
                            </RotateTransform3D>
                            <RotateTransform3D>
                                <!--Take care of y rotation of camera-->
                                <RotateTransform3D.Rotation>
                                    <AxisAngleRotation3D x:Name="rotateY" Axis="1 0 0 " Angle="0" />
                                </RotateTransform3D.Rotation>
                            </RotateTransform3D>
                        </Transform3DGroup>
                    </PerspectiveCamera.Transform>
                </PerspectiveCamera>
            </Viewport3D.Camera>

这是我拖动鼠标旋转相机的代码（CanvasCube是包含我的Viewport3D的画布）：

        private void Window_MouseDown(object sender, MouseButtonEventArgs e)
    {
        this.Cursor = Cursors.Hand;
        oldMouseX = e.GetPosition(CanvasCube).X;
        oldMouseY = e.GetPosition(CanvasCube).Y;
        mousePressed = true;
    }

    private void Window_MouseMove(object sender, MouseEventArgs e)
    {
        if (mousePressed)
        {

            if(e.GetPosition(CanvasCube).X > oldMouseX)
            {
                rotateX.Angle --;
                oldMouseX = e.GetPosition(CanvasCube).X;
            }
            else if (e.GetPosition(CanvasCube).X < oldMouseX)
            {
                rotateX.Angle ++;
                oldMouseX = e.GetPosition(CanvasCube).X;
            }
           if (e.GetPosition(CanvasCube).Y > oldMouseY)
            {
                rotateY.Angle--;
                oldMouseY = e.GetPosition(CanvasCube).Y;
            }
            else if (e.GetPosition(CanvasCube).Y < oldMouseY)
            {
                rotateY.Angle++;
                oldMouseY = e.GetPosition(CanvasCube).Y;
            }
        }
    }

以下是我使用"WASD"键旋转摄像头的代码：

        private void Window_KeyDown(object sender, KeyEventArgs e)
    {
        switch (e.Key)
        {
            case Key.W:
                angleUp();
                break;
            case Key.S:
                angleDown();
                break;
            case Key.A:
                angleRight();
                break;
            case Key.D:
                angleLeft();
                break;}}
    private void angleUp()
    {
        rotateY.Angle+=2;
    }

    private void angleDown()
    {
        rotateY.Angle-=2;
    }

    private void angleRight()
    {
        rotateX.Angle+=2;
    }

    private void angleLeft()
    {
        rotateX.Angle-=2;
    }

附注：希望这样表述问题更清晰。我发现很难解释。如果还不清楚，我很乐意进一步解释以澄清。

- Max van der Hart

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Robin Bennett · Accepted Answer

我通过更改变换的角度，使用单个RotationTransform完成了这个操作。

<RotateTransform3D >
    <RotateTransform3D.Rotation>
        <AxisAngleRotation3D Axis="{Binding AxisVector}"
                             Angle="{Binding Rotation}"/>
    </RotateTransform3D.Rotation>
</RotateTransform3D>

然后像这样指定轴和角度：

private bool dragging;
private Point dragStart;
private Point dragTotal;
private double rotation;
private Vector3D axis;

private void Viewport3DOnPreviewMouseMove(object sender, MouseEventArgs e)
    {
        if (!this.dragging) return;

        var pos = e.GetPosition(this.Viewport3D);

        var x = pos.X - this.dragStart.X;
        var y = pos.Y - this.dragStart.Y;

        this.Rotation =  Math.Sqrt(x * x + y * y);

        this.AxisVector = new Vector3D(y, 0, -x);
    }

    private void Viewport3DOnPreviewMouseLeftButtonDown(object sender, MouseButtonEventArgs e)
    {
        this.dragging = true;
        this.dragStart = e.GetPosition(this.Viewport3D);
        this.dragStart.Offset(-this.dragTotal.X, -this.dragTotal.Y);
    }

    private void Viewport3DOnPreviewMouseLeftButtonUp(object sender, MouseButtonEventArgs e)
    {
        this.dragging = false;

        var dragEnd = e.GetPosition(this.Viewport3D);
        this.dragTotal.X = dragEnd.X - this.dragStart.X;
        this.dragTotal.Y = dragEnd.Y - this.dragStart.Y;
    }

“Axis”长度可变似乎并不重要。

如果需要更多代码，请告诉我。