Use default window and font sizes in sprite_slice example (#13951)

# Objective

A couple issues with this example are evident from this screenshot of
the example showcase:

<img width="319" alt="image"
src="https://github.com/bevyengine/bevy/assets/200550/5325bb29-9576-4989-a5a3-a972c8bbf1af">

- The images are misaligned, closer to the right edge of the screen
- The example uses a custom window resolution with a different aspect
ratio from the default, which results in black bars

## Solution

- Use the default window size
- Adjust positions so that things are centered

This isn't really fixing a problem, but I also:

- Used the default font size and adjusted the text labels and gaps so
that everything still fits

Which is how I got here in the first place (one less font size to adjust
for the cosmic text PR).

## Before

<img width="1350" alt="Screenshot 2024-06-20 at 12 23 10 PM"
src="https://github.com/bevyengine/bevy/assets/200550/1c7cfcfe-7edc-4561-a4e7-9b3bc8f87f75">

## After

<img width="1280" alt="Screenshot 2024-06-20 at 12 23 30 PM"
src="https://github.com/bevyengine/bevy/assets/200550/abab8a46-4e11-4ee6-a407-ae3b8bf31975">
This commit is contained in:
Rob Parrett 2024-06-20 12:40:38 -07:00 committed by GitHub
parent dcb191bb18
commit c110b10367
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -4,13 +4,7 @@ use bevy::prelude::*;
fn main() { fn main() {
App::new() App::new()
.add_plugins(DefaultPlugins.set(WindowPlugin { .add_plugins(DefaultPlugins)
primary_window: Some(Window {
resolution: (1350.0, 700.0).into(),
..default()
}),
..default()
}))
.add_systems(Startup, setup) .add_systems(Startup, setup)
.run(); .run();
} }
@ -25,17 +19,12 @@ fn spawn_sprites(
) { ) {
let cases = [ let cases = [
// Reference sprite // Reference sprite
("Original texture", style.clone(), Vec2::splat(100.0), None), ("Original", style.clone(), Vec2::splat(100.0), None),
// Scaled regular sprite // Scaled regular sprite
( ("Stretched", style.clone(), Vec2::new(100.0, 200.0), None),
"Stretched texture",
style.clone(),
Vec2::new(100.0, 200.0),
None,
),
// Stretched Scaled sliced sprite // Stretched Scaled sliced sprite
( (
"Stretched and sliced", "With Slicing",
style.clone(), style.clone(),
Vec2::new(100.0, 200.0), Vec2::new(100.0, 200.0),
Some(ImageScaleMode::Sliced(TextureSlicer { Some(ImageScaleMode::Sliced(TextureSlicer {
@ -46,7 +35,7 @@ fn spawn_sprites(
), ),
// Scaled sliced sprite // Scaled sliced sprite
( (
"Sliced and Tiled", "With Tiling",
style.clone(), style.clone(),
Vec2::new(100.0, 200.0), Vec2::new(100.0, 200.0),
Some(ImageScaleMode::Sliced(TextureSlicer { Some(ImageScaleMode::Sliced(TextureSlicer {
@ -58,7 +47,7 @@ fn spawn_sprites(
), ),
// Scaled sliced sprite horizontally // Scaled sliced sprite horizontally
( (
"Sliced and Tiled", "With Tiling",
style.clone(), style.clone(),
Vec2::new(300.0, 200.0), Vec2::new(300.0, 200.0),
Some(ImageScaleMode::Sliced(TextureSlicer { Some(ImageScaleMode::Sliced(TextureSlicer {
@ -70,7 +59,7 @@ fn spawn_sprites(
), ),
// Scaled sliced sprite horizontally with max scale // Scaled sliced sprite horizontally with max scale
( (
"Sliced and Tiled with corner constraint", "With Corners Constrained",
style, style,
Vec2::new(300.0, 200.0), Vec2::new(300.0, 200.0),
Some(ImageScaleMode::Sliced(TextureSlicer { Some(ImageScaleMode::Sliced(TextureSlicer {
@ -113,7 +102,6 @@ fn setup(mut commands: Commands, asset_server: Res<AssetServer>) {
let font = asset_server.load("fonts/FiraSans-Bold.ttf"); let font = asset_server.load("fonts/FiraSans-Bold.ttf");
let style = TextStyle { let style = TextStyle {
font: font.clone(), font: font.clone(),
font_size: 16.0,
..default() ..default()
}; };
@ -127,7 +115,7 @@ fn setup(mut commands: Commands, asset_server: Res<AssetServer>) {
Vec3::new(-600.0, 200.0, 0.0), Vec3::new(-600.0, 200.0, 0.0),
200.0, 200.0,
style.clone(), style.clone(),
50., 40.,
); );
spawn_sprites( spawn_sprites(
@ -136,6 +124,6 @@ fn setup(mut commands: Commands, asset_server: Res<AssetServer>) {
Vec3::new(-600.0, -200.0, 0.0), Vec3::new(-600.0, -200.0, 0.0),
80.0, 80.0,
style, style,
50., 40.,
); );
} }