Clipping and Distortion on UI Images with Transforms

[Runi-c]

Bevy version

0.7

Relevant system information

AdapterInfo { name: "NVIDIA GeForce RTX 3070", vendor: 4318, device: 9348, device_type: DiscreteGpu, backend: Vulkan }

What you did

    commands.spawn_bundle(UiCameraBundle::default());
    commands.spawn_bundle(ImageBundle {
        style: Style {
            size: Size::new(Val::Px(500.0), Val::Px(500.0)),
            ..default()
        },
        image: asset_server.load("branding/bevy_logo_dark_big.png").into(),
        transform: Transform::from_rotation(Quat::from_rotation_x(1.0)),
        ..default()
    });

What went wrong

The UI image renders with clipping, or if rotated around other axes, with distortion.

Additional information

transform: Transform::from_rotation(Quat::from_rotation_x(1.0)),

transform: Transform::from_rotation(Quat::from_rotation_y(1.0)),

transform: Transform::from_rotation(Quat::from_rotation_z(1.0)),