Easy demo recording

[mockersf]

Objective

• Followup on Easy screenrecording plugin #21237
• It can be hard to share how to record a demo for a specific feature
• Make it easy

Solution

• Add a dev plugin that can move the camera
• Add plumbing to CI testing to be able to move the camera and control screen recording
• Demo can be configured in code or in a configuration file

Testing

• Add to an example:

let fps = 120; // FPS for the example on your computer

[...]

// Before `DefaultPlugins`:
        .insert_resource(CiTestingConfig {
            events: vec![
                CiTestingEventOnFrame(fps * 1, ci_testing::CiTestingEvent::StartScreenRecording),
                {
                    let transform = Transform::from_xyz(0.7, 0.7, -1.0)
                        .looking_at(Vec3::new(0.0, 0.3, 0.0), Vec3::Y);
                    CiTestingEventOnFrame(
                        fps * 6,
                        ci_testing::CiTestingEvent::MoveCamera {
                            translation: transform.translation,
                            rotation: transform.rotation,
                        },
                    )
                },
                {
                    let transform = Transform::from_xyz(-0.7, 0.7, -1.0)
                        .looking_at(Vec3::new(0.0, 0.3, 0.0), Vec3::Y);
                    CiTestingEventOnFrame(
                        fps * 11,
                        ci_testing::CiTestingEvent::MoveCamera {
                            translation: transform.translation,
                            rotation: transform.rotation,
                        },
                    )
                },
                {
                    let transform = Transform::from_xyz(-0.7, 0.7, 1.0)
                        .looking_at(Vec3::new(0.0, 0.3, 0.0), Vec3::Y);
                    CiTestingEventOnFrame(
                        fps * 16,
                        ci_testing::CiTestingEvent::MoveCamera {
                            translation: transform.translation,
                            rotation: transform.rotation,
                        },
                    )
                },
                {
                    let transform = Transform::from_xyz(0.7, 0.7, 1.0)
                        .looking_at(Vec3::new(0.0, 0.3, 0.0), Vec3::Y);
                    CiTestingEventOnFrame(
                        fps * 21,
                        ci_testing::CiTestingEvent::MoveCamera {
                            translation: transform.translation,
                            rotation: transform.rotation,
                        },
                    )
                },
                CiTestingEventOnFrame(fps * 26, ci_testing::CiTestingEvent::StopScreenRecording),
            ],
            ..default()
        })

• Run the example with --features bevy_internal/screenrecording,bevy_ci_testing
• Lay back, enjoy your demo recording

---

Showcase

load_gltf-1758980570053.h264.mp4

[github-actions]

It looks like your PR has been selected for a highlight in the next release blog post, but you didn't provide a release note.

Please review the instructions for writing release notes, then expand or revise the content in the release notes directory to showcase your changes.

[ChristopherBiscardi]

this log prints whether or not the camera actually moves, so should be a different string (if its meant to convey that the event happened) or moved into the if-let (if its meant to convey the component insertion happened)

[ChristopherBiscardi]

regular time delta_secs will always be 0 when the recording is running I think.

[ChristopherBiscardi]

recording works, but camera movement only happens after the recording is over.

animated_mesh-1765768288043.h264.mp4

[mockersf]

moved the camera movement system to PostUpdate so that it happens after any update done by the user, in this case the time update done by the recording

that fixes movements during recording

[ChristopherBiscardi]

nice, working now. These two are with CI-driven camera control:

animated_mesh-1765795452775.h264.mp4

shader_material_screenspace_texture-1765795851787.h264.mp4

and this one is with application-drive camera movement in PostUpdate:

shader_material_screenspace_texture-1765796030791.h264.mp4

[ChristopherBiscardi]

lgtm. CI recording is so coooool.