Diagnostic overlay dev tool

[IceSentry]

What problem does this solve or what need does it fill?

Bevy currently has multiple diagnostics that are recorded but only the FPS is displayed as a dev tool. We should have a way to display all those diagnostics

What solution would you like?

• Update the FpsOverlay to display all those diagnostics already present in bevy.
• We should probably have a simple mode and advanced mode where simple only shows FPS and advanced shows everything.
• The plugin should be renamed to something like DiagnosticOverlay to reflect that change.
• Eventually, it could also show pipeline statistics
• Since it will be a lot of data, the default font size should be reduced.

What alternative(s) have you considered?

N/A

Additional context

Any other information you would like to add such as related previous work, screenshots, benchmarks, etc.

[bushrat011899]

As discussed in Discord, a somewhat ideal would be DOOM Eternal's debug overlay:

Screenshot


I think instead of "Simple" and "Advanced", it would be nice if the plugin had options for each of the specific diagnostics, with sensible provided configs like minimal() and full().

app.add_plugins(DiagnosticOverlay  {
    fps: true,
    frame_times: true,
    cpu_info: false,
    // ...
});

This would allow the diagnostics plugin to capture more niche information but keep it optional (to avoid overwhelming users).

[IceSentry]

Soon after making this issue this crate was released https://crates.io/crates/iyes_perf_ui

We are currently strongly considering upstreaming it

[inodentry]

I would be very happy for iyes_perf_ui to be upstreamed for Bevy 0.14.

But first I would like to take another month or so to maybe iterate on it and make some improvements while it is still an unofficial crate. It will let me iterate faster, and users will be able to benefit from it in their projects that use Bevy 0.13.

As the time for the Bevy 0.14 release draws nearer, let's revisit it and try to upstream it!