//! Showcase how to use and configure FPS overlay. use bevy::{ dev_tools::fps_overlay::{FpsOverlayConfig, FpsOverlayPlugin}, prelude::*, }; fn main() { App::new() .add_plugins(( DefaultPlugins, FpsOverlayPlugin { config: FpsOverlayConfig { text_config: TextStyle { // Here we define size of our overlay font_size: 50.0, // We can also change color of the overlay color: Color::srgb(0.0, 1.0, 0.0), // If we want, we can use a custom font font: default(), }, }, }, )) .add_systems(Startup, setup) .add_systems(Update, customize_config) .run(); } fn setup(mut commands: Commands) { // We need to spawn a camera (2d or 3d) to see the overlay commands.spawn(Camera2dBundle::default()); // Instruction text commands .spawn(NodeBundle { style: Style { width: Val::Percent(100.0), height: Val::Percent(100.0), align_items: AlignItems::Center, justify_content: JustifyContent::Center, ..default() }, ..default() }) .with_children(|c| { c.spawn(TextBundle::from_section( concat!( "Press 1 to change color of the overlay.\n", "Press 2 to change size of the overlay." ), TextStyle { font_size: 25.0, ..default() }, )); }); } fn customize_config(input: Res>, mut overlay: ResMut) { if input.just_pressed(KeyCode::Digit1) { // Changing resource will affect overlay overlay.text_config.color = Color::srgb(1.0, 0.0, 0.0); } if input.just_pressed(KeyCode::Digit2) { overlay.text_config.font_size -= 2.0; } }