//! Shows various text layout options. use bevy::{ diagnostic::{DiagnosticsStore, FrameTimeDiagnosticsPlugin}, prelude::*, window::{PresentMode, WindowPlugin}, }; fn main() { App::new() .add_plugins(DefaultPlugins.set(WindowPlugin { primary_window: Some(Window { present_mode: PresentMode::AutoNoVsync, ..default() }), ..default() })) .add_plugin(FrameTimeDiagnosticsPlugin) .add_systems(Startup, infotext_system) .add_systems(Update, change_text_system) .run(); } #[derive(Component)] struct TextChanges; fn infotext_system(mut commands: Commands, asset_server: Res) { let font = asset_server.load("fonts/FiraSans-Bold.ttf"); commands.spawn(Camera2dBundle::default()); commands.spawn( TextBundle::from_section( "This is\ntext with\nline breaks\nin the top left", TextStyle { font: font.clone(), font_size: 50.0, color: Color::WHITE, }, ) .with_style(Style { position_type: PositionType::Absolute, top: Val::Px(5.0), left: Val::Px(15.0), ..default() }), ); commands.spawn(TextBundle::from_section( "This text is very long, has a limited width, is centered, is positioned in the top right and is also colored pink.", TextStyle { font: font.clone(), font_size: 50.0, color: Color::rgb(0.8, 0.2, 0.7), }, ) .with_text_alignment(TextAlignment::Center) .with_style(Style { position_type: PositionType::Absolute, top: Val::Px(5.0), right: Val::Px(15.0), max_width: Val::Px(400.), ..default() }) ); commands.spawn(( TextBundle::from_sections([ TextSection::new( "This text changes in the bottom right", TextStyle { font: font.clone(), font_size: 30.0, color: Color::WHITE, }, ), TextSection::new( "\nThis text changes in the bottom right - ", TextStyle { font: font.clone(), font_size: 30.0, color: Color::RED, }, ), TextSection::from_style(TextStyle { font: font.clone(), font_size: 30.0, color: Color::ORANGE_RED, }), TextSection::new( " fps, ", TextStyle { font: font.clone(), font_size: 30.0, color: Color::YELLOW, }, ), TextSection::from_style(TextStyle { font: font.clone(), font_size: 30.0, color: Color::GREEN, }), TextSection::new( " ms/frame", TextStyle { font: font.clone(), font_size: 30.0, color: Color::BLUE, }, ), ]) .with_style(Style { position_type: PositionType::Absolute, bottom: Val::Px(5.0), right: Val::Px(15.0), ..default() }), TextChanges, )); commands.spawn( TextBundle::from_section( "This\ntext has\nline breaks and also a set width in the bottom left", TextStyle { font, font_size: 50.0, color: Color::WHITE, }, ) .with_style(Style { align_self: AlignSelf::FlexEnd, position_type: PositionType::Absolute, bottom: Val::Px(5.0), left: Val::Px(15.0), width: Val::Px(200.0), ..default() }), ); } fn change_text_system( time: Res