Я не могу получить в моей матрице проекции правильную перспективу для анимации вращения - PullRequest
Новая
       42

Я не могу получить в моей матрице проекции правильную перспективу для анимации вращения

0 голосов
/ 24 сентября 2019

I m trying to replicate a plane projection rotation in UWP using the composition api. But I'm having trouble with a projection matrix in my composition code. Here s, что у меня есть: 

private void Perspective(FrameworkElement element, double duration, float rotationDepth = 750f)
{
    var parent = ElementCompositionPreview.GetElementVisual(element.Parent as FrameworkElement);

    var width = (float)element.ActualWidth;
    var height = (float)element.ActualHeight;
    var halfWidth = (float)(width / 2.0);
    var halfHeight = (float)(height / 2.0);

    // Initialize the Compositor
    var visual = ElementCompositionPreview.GetElementVisual(element);

    // Create Scoped batch for animations
    var batch = visual.Compositor.CreateScopedBatch(CompositionBatchTypes.Animation);

    // Rotation animation
    var projectionMatrix = new Matrix4x4(1, 0, 0, 0,
                                            0, 1, 0, 0,
                                            0, 0, 1, 1 / rotationDepth,
                                            0, 0, 0, 1);

    // To ensure that the rotation occurs through the center of the visual rather than the
    // left edge, pre-multiply the rotation matrix with a translation that logically shifts
    // the axis to the point of rotation, then restore the original location
    parent.TransformMatrix = Matrix4x4.CreateTranslation(-halfWidth, -halfHeight, 0) *
                            projectionMatrix *
                            Matrix4x4.CreateTranslation(halfWidth, halfHeight, 0);

    // Rotate along the Y-axis
    visual.RotationAxis = new Vector3(0, 1, 0);
    visual.CenterPoint = new Vector3(halfWidth, halfHeight, 0f);
    visual.RotationAngleInDegrees = 0.0f;

    var rotateAnimation = visual.Compositor.CreateScalarKeyFrameAnimation();

    rotateAnimation.InsertKeyFrame(0.0f, 90);
    rotateAnimation.InsertKeyFrame(1f, 0);
    rotateAnimation.Duration = TimeSpan.FromMilliseconds(duration);

    visual.StartAnimation("RotationAngleInDegrees", rotateAnimation);

    // Batch is ended an no objects can be added
    batch.End();
}

Так что этот код выше будет вращаться вдоль оси Y.На рисунке ниже вы увидите, что у меня есть анимация поверх другой анимации, которая управляется PlaneProjection для сравнения:

enter image description here

«Перспектива» обоих в порядке, оба в середине.Теперь давайте изменим эту строку кода, чтобы переключить ее на вращение по оси X: 

// Rotate along the Y-axis
visual.RotationAxis = new Vector3(0, 1, 0);

Теперь обратите внимание на рисунок ниже:

enter image description here

Композиционная анимация, кажется, вращается с перспективой, которая больше направлена ​​вправо и не идеально отцентрирована.Нужно ли менять матрицу проекции?

1 Ответ

0 голосов
/ 24 сентября 2019

Быстрый ответ. 

yourVisual.Offset = new Vector3((float)Window.Current.Bounds.Width / 2, (float)Window.Current.Bounds.Height / 2, 0);

Это поможет.Визуальный сдвиг, к которому применена матрица преобразования.Без этого ваш перспективный центр находится в верхнем левом углу.

...