Add frame time graph to fps_overlay

[IceSentry]

Objective

Frame time is often more important to know than FPS but because of the temporal nature of it, just seeing a number is not enough. Seeing a graph that shows the history makes it easier to reason about performance.

Solution

This PR adds a bar graph of the frame time history.

Each bar is scaled based on the frame time where a bigger frame time will give a taller and wider bar.

The color also scales with that frame time where red is at or bellow the minimum target fps and green is at or above the target maximum frame rate. Anything between those 2 values will be interpolated between green and red based on the frame time.

The algorithm is highly inspired by this article: https://asawicki.info/news_1758_an_idea_for_visualization_of_frame_times

[bushrat011899]

Very minor comments, otherwise this looks great!

[pablo-lua]

I'm happy with what we have now, very good tool! I hope we can make it be more customizable in the future, but that can be a follow up.

[matiqo15]

Blocked before up-streaming iyes_perf_ui - see discord

[IceSentry]

Alright, I extracted all the logic to it's own plugin. Technically, this also helps with making it less blocked because the plugin can exist on it's own.

@torsteingrindvik this should make it work with your requested use case of spawning it yourself.

[torsteingrindvik]

Alright, I extracted all the logic to it's own plugin. Technically, this also helps with making it less blocked because the plugin can exist on it's own.

@torsteingrindvik this should make it work with your requested use case of spawning it yourself.

Thanks, if I'm following correctly I'd then just add

FrameTimeGraphPlugin

to my app then spawn the material in my UI somewhere and it should work, which is nice.