Invisible UI Images when using certain transforms

[Runi-c]

Bevy version

a1d3f1b

This does not reproduce on current stable version 0.7

Relevant system information

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

What you did

Spawned a UI image with a transform (e.g. to flip a UI sprite using rotation or scale):

    commands.spawn_bundle(Camera2dBundle::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

Depending on the transform, the image either renders clipped or does not render at all.

Additional information

transform: Transform::from_rotation(Quat::from_rotation_z(0.5)), (rotates with distortion on both)

transform: Transform::from_rotation(Quat::from_rotation_z(1.0)), (does not render on main)

transform: Transform::from_scale(vec3(1.0, 0.5, 1.0)), (scales correctly on both)

transform: Transform::from_scale(vec3(1.0, -0.5, 1.0)), (does not render on main)

[alice-i-cecile]

@superdump @cart I think we need to ensure this is fixed by 0.8; this is a severe regression.

[Runi-c]

The clipping with x-rotation previously included in the issue description is actually not a regression, the same behavior is exhibited on 0.7. So the only regression here is the images going invisible with certain transforms. I opened another issue about the clipping and distortion present in 0.7: #5294

[mockersf]

I tried a quick fix for this in #5389