Improved `UiImage` and `Sprite` scaling and slicing APIs #16088

ickshonpe · 2024-10-24T16:52:40Z

Objective

UI texture slicing chops and scales an image to fit the size of a node and isn't meant to place any constraints on the size of the node itself, but because the required components changes required ImageSize and ContentSize for nodes with UiImage, texture sliced nodes are laid out using an ImageMeasure.
In 0.14 users could spawn a (UiImage, NodeBundle) which would display an image stretched to fill the UI node's bounds ignoring the image's instrinsic size. Now that UiImage requires ContentSize, there's no option to display an image without its size placing constrains on the UI layout (unless you force the Node to a fixed size, but that's not a solution).
It's desirable that the Sprite and UiImage share similar APIs.

Solution

Remove the Component impl from ImageScaleMode.
Add a Stretch variant to ImageScaleMode.
Add a field scale_mode: ImageScaleMode to Sprite.
Add a field mode: UiImageMode to UiImage.
Add an enum UiImageMode similar to ImageScaleMode but with additional UI specific variants.
Remove the queries for ImageScaleMode from Sprite and UI extraction, and refer to the new fields instead.
Change ui_layout_system to update measure funcs on any change to ContentSizes to enable manual clearing without removing the component.
Don't add a measure unless UiImageMode::Auto is set in update_image_content_size_system. Mutably deref the Mut<ContentSize> if the UiImage is changed to force removal of any existing measure func.

Testing

Remove all the constraints from the ui_texture_slice example:

//! This example illustrates how to create buttons with their textures sliced
//! and kept in proportion instead of being stretched by the button dimensions

use bevy::{
    color::palettes::css::{GOLD, ORANGE},
    prelude::*,
    winit::WinitSettings,
};

fn main() {
    App::new()
        .add_plugins(DefaultPlugins)
        // Only run the app when there is user input. This will significantly reduce CPU/GPU use.
        .insert_resource(WinitSettings::desktop_app())
        .add_systems(Startup, setup)
        .add_systems(Update, button_system)
        .run();
}

fn button_system(
    mut interaction_query: Query<
        (&Interaction, &Children, &mut UiImage),
        (Changed<Interaction>, With<Button>),
    >,
    mut text_query: Query<&mut Text>,
) {
    for (interaction, children, mut image) in &mut interaction_query {
        let mut text = text_query.get_mut(children[0]).unwrap();
        match *interaction {
            Interaction::Pressed => {
                **text = "Press".to_string();
                image.color = GOLD.into();
            }
            Interaction::Hovered => {
                **text = "Hover".to_string();
                image.color = ORANGE.into();
            }
            Interaction::None => {
                **text = "Button".to_string();
                image.color = Color::WHITE;
            }
        }
    }
}

fn setup(mut commands: Commands, asset_server: Res<AssetServer>) {
    let image = asset_server.load("textures/fantasy_ui_borders/panel-border-010.png");

    let slicer = TextureSlicer {
        border: BorderRect::square(22.0),
        center_scale_mode: SliceScaleMode::Stretch,
        sides_scale_mode: SliceScaleMode::Stretch,
        max_corner_scale: 1.0,
    };
    // ui camera
    commands.spawn(Camera2d);
    commands
        .spawn(Node {
            width: Val::Percent(100.0),
            height: Val::Percent(100.0),
            align_items: AlignItems::Center,
            justify_content: JustifyContent::Center,
            ..default()
        })
        .with_children(|parent| {
            for [w, h] in [[150.0, 150.0], [300.0, 150.0], [150.0, 300.0]] {
                parent
                    .spawn((
                        Button,
                        Node {
                            // width: Val::Px(w),
                            // height: Val::Px(h),
                            // horizontally center child text
                            justify_content: JustifyContent::Center,
                            // vertically center child text
                            align_items: AlignItems::Center,
                            margin: UiRect::all(Val::Px(20.0)),
                            ..default()
                        },
                        UiImage::new(image.clone()),
                        ImageScaleMode::Sliced(slicer.clone()),
                    ))
                    .with_children(|parent| {
                        // parent.spawn((
                        //     Text::new("Button"),
                        //     TextFont {
                        //         font: asset_server.load("fonts/FiraSans-Bold.ttf"),
                        //         font_size: 33.0,
                        //         ..default()
                        //     },
                        //     TextColor(Color::srgb(0.9, 0.9, 0.9)),
                        // ));
                    });
            }
        });
}

This should result in a blank window, since without any constraints the texture slice image nodes should be zero-sized. But in main the image nodes are given the size of the underlying unsliced source image textures/fantasy_ui_borders/panel-border-010.png:

For this PR need to change the lines:

                        UiImage::new(image.clone()),
                        ImageScaleMode::Sliced(slicer.clone()),

to

                        UiImage::new(image.clone()).with_mode(UiImageMode::Sliced(slicer.clone()),

and then nothing should be rendered, as desired.

…structor functions.

…n `update_imnage_content_size_system` to ensure that `ui_layout_system` will remove the old measure func if present.

cart · 2024-10-29T22:17:33Z

I'm on board for the general angle, but I think we should take this a couple of steps further:

Port this pattern to Sprite for consistency.
Remove the Component impl for ImageScaleMode.
Make the "default" / None scale mode an ImageScaleMode variant (ex: ImageScaleMode::Standard). This makes the ergonomics better and also allows us to more easily express ideas like scale_mode.defines_size() (Standard) and scale_mode.uses_slices() (Sliced and Tiled). This also opens the doors to new scale modes in the future that aren't "sliced".

cart · 2024-10-29T22:17:59Z

I've put those changes together. Pushing now for consideration (not dictating this solution, just pushing for convenience of discussion).

Added `UiImageMode` enum.

ickshonpe · 2024-10-29T23:54:04Z

I'm on board for the general angle, but I think we should take this a couple of steps further:

Port this pattern to Sprite for consistency.

Remove the Component impl for ImageScaleMode.

Make the "default" / None scale mode an ImageScaleMode variant (ex: ImageScaleMode::Standard). This makes the ergonomics better and also allows us to more easily express ideas like scale_mode.defines_size() (Standard) and scale_mode.uses_slices() (Sliced and Tiled). This also opens the doors to new scale modes in the future that aren't "sliced".

Yeah I've just been working on this PR the last hour as well and didn't notice this until I came to merge my changes. But I've been working in the same the direction, agree that ImageScaleMode should be non-optional and that it needs another variant for the default behaviour.

The main difference though is that I don't think Sprite and UiImage can share the ImageScaleMode enum since a UiImage also has to work within the constraints of the UI layout. Initially I think we need at least two extra variants, one that uses a measure func to preserve the image's aspect ratio and one that just fills the node without applying any constraints.

ickshonpe · 2024-10-30T00:09:42Z

The name ImageScaleMode seems misleading as well for the same reasons, since for UiImage it wouldn't just control how an image is scaled but also how the layout algorithm rearranges the layout to make room for the image.

…ickshonpe/bevy into add-image-scale-mode-to-uiimage

cart · 2024-10-30T00:33:22Z

The main difference though is that I don't think Sprite and UiImage can share the ImageScaleMode enum

Yeah a split here seems reasonable. Also open to name alternatives.

cart · 2024-10-31T00:28:50Z

(just pushed that change)

mnmaita

Looks good, although there are still mentions of ImageScaleMode in the doc comments.

…ickshonpe/bevy into add-image-scale-mode-to-uiimage

…eferences to the old behaviours.

…ickshonpe/bevy into add-image-scale-mode-to-uiimage

1. UI texture slicing chops and scales an image to fit the size of a node and isn't meant to place any constraints on the size of the node itself, but because the required components changes required `ImageSize` and `ContentSize` for nodes with `UiImage`, texture sliced nodes are laid out using an `ImageMeasure`. 2. In 0.14 users could spawn a `(UiImage, NodeBundle)` which would display an image stretched to fill the UI node's bounds ignoring the image's instrinsic size. Now that `UiImage` requires `ContentSize`, there's no option to display an image without its size placing constrains on the UI layout (unless you force the `Node` to a fixed size, but that's not a solution). 3. It's desirable that the `Sprite` and `UiImage` share similar APIs. Fixes #16109 * Remove the `Component` impl from `ImageScaleMode`. * Add a `Stretch` variant to `ImageScaleMode`. * Add a field `scale_mode: ImageScaleMode` to `Sprite`. * Add a field `mode: UiImageMode` to `UiImage`. * Add an enum `UiImageMode` similar to `ImageScaleMode` but with additional UI specific variants. * Remove the queries for `ImageScaleMode` from Sprite and UI extraction, and refer to the new fields instead. * Change `ui_layout_system` to update measure funcs on any change to `ContentSize`s to enable manual clearing without removing the component. * Don't add a measure unless `UiImageMode::Auto` is set in `update_image_content_size_system`. Mutably deref the `Mut<ContentSize>` if the `UiImage` is changed to force removal of any existing measure func. Remove all the constraints from the ui_texture_slice example: ```rust //! This example illustrates how to create buttons with their textures sliced //! and kept in proportion instead of being stretched by the button dimensions use bevy::{ color::palettes::css::{GOLD, ORANGE}, prelude::*, winit::WinitSettings, }; fn main() { App::new() .add_plugins(DefaultPlugins) // Only run the app when there is user input. This will significantly reduce CPU/GPU use. .insert_resource(WinitSettings::desktop_app()) .add_systems(Startup, setup) .add_systems(Update, button_system) .run(); } fn button_system( mut interaction_query: Query< (&Interaction, &Children, &mut UiImage), (Changed<Interaction>, With<Button>), >, mut text_query: Query<&mut Text>, ) { for (interaction, children, mut image) in &mut interaction_query { let mut text = text_query.get_mut(children[0]).unwrap(); match *interaction { Interaction::Pressed => { **text = "Press".to_string(); image.color = GOLD.into(); } Interaction::Hovered => { **text = "Hover".to_string(); image.color = ORANGE.into(); } Interaction::None => { **text = "Button".to_string(); image.color = Color::WHITE; } } } } fn setup(mut commands: Commands, asset_server: Res<AssetServer>) { let image = asset_server.load("textures/fantasy_ui_borders/panel-border-010.png"); let slicer = TextureSlicer { border: BorderRect::square(22.0), center_scale_mode: SliceScaleMode::Stretch, sides_scale_mode: SliceScaleMode::Stretch, max_corner_scale: 1.0, }; // ui camera commands.spawn(Camera2d); commands .spawn(Node { width: Val::Percent(100.0), height: Val::Percent(100.0), align_items: AlignItems::Center, justify_content: JustifyContent::Center, ..default() }) .with_children(|parent| { for [w, h] in [[150.0, 150.0], [300.0, 150.0], [150.0, 300.0]] { parent .spawn(( Button, Node { // width: Val::Px(w), // height: Val::Px(h), // horizontally center child text justify_content: JustifyContent::Center, // vertically center child text align_items: AlignItems::Center, margin: UiRect::all(Val::Px(20.0)), ..default() }, UiImage::new(image.clone()), ImageScaleMode::Sliced(slicer.clone()), )) .with_children(|parent| { // parent.spawn(( // Text::new("Button"), // TextFont { // font: asset_server.load("fonts/FiraSans-Bold.ttf"), // font_size: 33.0, // ..default() // }, // TextColor(Color::srgb(0.9, 0.9, 0.9)), // )); }); } }); } ``` This should result in a blank window, since without any constraints the texture slice image nodes should be zero-sized. But in main the image nodes are given the size of the underlying unsliced source image `textures/fantasy_ui_borders/panel-border-010.png`: <img width="321" alt="slicing" src="https://github.com/user-attachments/assets/cbd74c9c-14cd-4b4d-93c6-7c0152bb05ee"> For this PR need to change the lines: ``` UiImage::new(image.clone()), ImageScaleMode::Sliced(slicer.clone()), ``` to ``` UiImage::new(image.clone()).with_mode(UiImageMode::Sliced(slicer.clone()), ``` and then nothing should be rendered, as desired. --------- Co-authored-by: Carter Anderson <mcanders1@gmail.com>

…16088) # Objective 1. UI texture slicing chops and scales an image to fit the size of a node and isn't meant to place any constraints on the size of the node itself, but because the required components changes required `ImageSize` and `ContentSize` for nodes with `UiImage`, texture sliced nodes are laid out using an `ImageMeasure`. 2. In 0.14 users could spawn a `(UiImage, NodeBundle)` which would display an image stretched to fill the UI node's bounds ignoring the image's instrinsic size. Now that `UiImage` requires `ContentSize`, there's no option to display an image without its size placing constrains on the UI layout (unless you force the `Node` to a fixed size, but that's not a solution). 3. It's desirable that the `Sprite` and `UiImage` share similar APIs. Fixes bevyengine#16109 ## Solution * Remove the `Component` impl from `ImageScaleMode`. * Add a `Stretch` variant to `ImageScaleMode`. * Add a field `scale_mode: ImageScaleMode` to `Sprite`. * Add a field `mode: UiImageMode` to `UiImage`. * Add an enum `UiImageMode` similar to `ImageScaleMode` but with additional UI specific variants. * Remove the queries for `ImageScaleMode` from Sprite and UI extraction, and refer to the new fields instead. * Change `ui_layout_system` to update measure funcs on any change to `ContentSize`s to enable manual clearing without removing the component. * Don't add a measure unless `UiImageMode::Auto` is set in `update_image_content_size_system`. Mutably deref the `Mut<ContentSize>` if the `UiImage` is changed to force removal of any existing measure func. ## Testing Remove all the constraints from the ui_texture_slice example: ```rust //! This example illustrates how to create buttons with their textures sliced //! and kept in proportion instead of being stretched by the button dimensions use bevy::{ color::palettes::css::{GOLD, ORANGE}, prelude::*, winit::WinitSettings, }; fn main() { App::new() .add_plugins(DefaultPlugins) // Only run the app when there is user input. This will significantly reduce CPU/GPU use. .insert_resource(WinitSettings::desktop_app()) .add_systems(Startup, setup) .add_systems(Update, button_system) .run(); } fn button_system( mut interaction_query: Query< (&Interaction, &Children, &mut UiImage), (Changed<Interaction>, With<Button>), >, mut text_query: Query<&mut Text>, ) { for (interaction, children, mut image) in &mut interaction_query { let mut text = text_query.get_mut(children[0]).unwrap(); match *interaction { Interaction::Pressed => { **text = "Press".to_string(); image.color = GOLD.into(); } Interaction::Hovered => { **text = "Hover".to_string(); image.color = ORANGE.into(); } Interaction::None => { **text = "Button".to_string(); image.color = Color::WHITE; } } } } fn setup(mut commands: Commands, asset_server: Res<AssetServer>) { let image = asset_server.load("textures/fantasy_ui_borders/panel-border-010.png"); let slicer = TextureSlicer { border: BorderRect::square(22.0), center_scale_mode: SliceScaleMode::Stretch, sides_scale_mode: SliceScaleMode::Stretch, max_corner_scale: 1.0, }; // ui camera commands.spawn(Camera2d); commands .spawn(Node { width: Val::Percent(100.0), height: Val::Percent(100.0), align_items: AlignItems::Center, justify_content: JustifyContent::Center, ..default() }) .with_children(|parent| { for [w, h] in [[150.0, 150.0], [300.0, 150.0], [150.0, 300.0]] { parent .spawn(( Button, Node { // width: Val::Px(w), // height: Val::Px(h), // horizontally center child text justify_content: JustifyContent::Center, // vertically center child text align_items: AlignItems::Center, margin: UiRect::all(Val::Px(20.0)), ..default() }, UiImage::new(image.clone()), ImageScaleMode::Sliced(slicer.clone()), )) .with_children(|parent| { // parent.spawn(( // Text::new("Button"), // TextFont { // font: asset_server.load("fonts/FiraSans-Bold.ttf"), // font_size: 33.0, // ..default() // }, // TextColor(Color::srgb(0.9, 0.9, 0.9)), // )); }); } }); } ``` This should result in a blank window, since without any constraints the texture slice image nodes should be zero-sized. But in main the image nodes are given the size of the underlying unsliced source image `textures/fantasy_ui_borders/panel-border-010.png`: <img width="321" alt="slicing" src="https://github.com/user-attachments/assets/cbd74c9c-14cd-4b4d-93c6-7c0152bb05ee"> For this PR need to change the lines: ``` UiImage::new(image.clone()), ImageScaleMode::Sliced(slicer.clone()), ``` to ``` UiImage::new(image.clone()).with_mode(UiImageMode::Sliced(slicer.clone()), ``` and then nothing should be rendered, as desired. --------- Co-authored-by: Carter Anderson <mcanders1@gmail.com>

github-actions · 2024-12-03T03:09:30Z

It looks like your PR is a breaking change, but you didn't provide a migration guide.

Could you add some context on what users should update when this change get released in a new version of Bevy?
It will be used to help writing the migration guide for the version. Putting it after a ## Migration Guide will help it get automatically picked up by our tooling.

…16088) # Objective 1. UI texture slicing chops and scales an image to fit the size of a node and isn't meant to place any constraints on the size of the node itself, but because the required components changes required `ImageSize` and `ContentSize` for nodes with `UiImage`, texture sliced nodes are laid out using an `ImageMeasure`. 2. In 0.14 users could spawn a `(UiImage, NodeBundle)` which would display an image stretched to fill the UI node's bounds ignoring the image's instrinsic size. Now that `UiImage` requires `ContentSize`, there's no option to display an image without its size placing constrains on the UI layout (unless you force the `Node` to a fixed size, but that's not a solution). 3. It's desirable that the `Sprite` and `UiImage` share similar APIs. Fixes bevyengine#16109 ## Solution * Remove the `Component` impl from `ImageScaleMode`. * Add a `Stretch` variant to `ImageScaleMode`. * Add a field `scale_mode: ImageScaleMode` to `Sprite`. * Add a field `mode: UiImageMode` to `UiImage`. * Add an enum `UiImageMode` similar to `ImageScaleMode` but with additional UI specific variants. * Remove the queries for `ImageScaleMode` from Sprite and UI extraction, and refer to the new fields instead. * Change `ui_layout_system` to update measure funcs on any change to `ContentSize`s to enable manual clearing without removing the component. * Don't add a measure unless `UiImageMode::Auto` is set in `update_image_content_size_system`. Mutably deref the `Mut<ContentSize>` if the `UiImage` is changed to force removal of any existing measure func. ## Testing Remove all the constraints from the ui_texture_slice example: ```rust //! This example illustrates how to create buttons with their textures sliced //! and kept in proportion instead of being stretched by the button dimensions use bevy::{ color::palettes::css::{GOLD, ORANGE}, prelude::*, winit::WinitSettings, }; fn main() { App::new() .add_plugins(DefaultPlugins) // Only run the app when there is user input. This will significantly reduce CPU/GPU use. .insert_resource(WinitSettings::desktop_app()) .add_systems(Startup, setup) .add_systems(Update, button_system) .run(); } fn button_system( mut interaction_query: Query< (&Interaction, &Children, &mut UiImage), (Changed<Interaction>, With<Button>), >, mut text_query: Query<&mut Text>, ) { for (interaction, children, mut image) in &mut interaction_query { let mut text = text_query.get_mut(children[0]).unwrap(); match *interaction { Interaction::Pressed => { **text = "Press".to_string(); image.color = GOLD.into(); } Interaction::Hovered => { **text = "Hover".to_string(); image.color = ORANGE.into(); } Interaction::None => { **text = "Button".to_string(); image.color = Color::WHITE; } } } } fn setup(mut commands: Commands, asset_server: Res<AssetServer>) { let image = asset_server.load("textures/fantasy_ui_borders/panel-border-010.png"); let slicer = TextureSlicer { border: BorderRect::square(22.0), center_scale_mode: SliceScaleMode::Stretch, sides_scale_mode: SliceScaleMode::Stretch, max_corner_scale: 1.0, }; // ui camera commands.spawn(Camera2d); commands .spawn(Node { width: Val::Percent(100.0), height: Val::Percent(100.0), align_items: AlignItems::Center, justify_content: JustifyContent::Center, ..default() }) .with_children(|parent| { for [w, h] in [[150.0, 150.0], [300.0, 150.0], [150.0, 300.0]] { parent .spawn(( Button, Node { // width: Val::Px(w), // height: Val::Px(h), // horizontally center child text justify_content: JustifyContent::Center, // vertically center child text align_items: AlignItems::Center, margin: UiRect::all(Val::Px(20.0)), ..default() }, UiImage::new(image.clone()), ImageScaleMode::Sliced(slicer.clone()), )) .with_children(|parent| { // parent.spawn(( // Text::new("Button"), // TextFont { // font: asset_server.load("fonts/FiraSans-Bold.ttf"), // font_size: 33.0, // ..default() // }, // TextColor(Color::srgb(0.9, 0.9, 0.9)), // )); }); } }); } ``` This should result in a blank window, since without any constraints the texture slice image nodes should be zero-sized. But in main the image nodes are given the size of the underlying unsliced source image `textures/fantasy_ui_borders/panel-border-010.png`: <img width="321" alt="slicing" src="https://github.com/user-attachments/assets/cbd74c9c-14cd-4b4d-93c6-7c0152bb05ee"> For this PR need to change the lines: ``` UiImage::new(image.clone()), ImageScaleMode::Sliced(slicer.clone()), ``` to ``` UiImage::new(image.clone()).with_mode(UiImageMode::Sliced(slicer.clone()), ``` and then nothing should be rendered, as desired. --------- Co-authored-by: Carter Anderson <mcanders1@gmail.com>

ickshonpe added 4 commits October 24, 2024 17:11

Added a scale_mode: ImageScaleMode field to UiImage and updated con…

b6afd9d

…structor functions.

Fixed extraction and image size systems to work with the new API.

0d73522

Fixed imports

f882d00

updated examples

779cdda

ickshonpe requested a review from cart October 24, 2024 16:55

ickshonpe added the A-UI Graphical user interfaces, styles, layouts, and widgets label Oct 24, 2024

ickshonpe changed the title ~~Add image scale mode to uiimage~~ Add ImageScaleMode to UiImage Oct 24, 2024

ickshonpe added C-Bug An unexpected or incorrect behavior A-Rendering Drawing game state to the screen S-Needs-Review Needs reviewer attention (from anyone!) to move forward labels Oct 24, 2024

ickshonpe added 2 commits October 24, 2024 21:33

upsert node on any changes to its ContentSize component

66ae726

If an ImsageScaleMode is et, mutably deref the Mut<ContentSize> i…

9d11f35

…n `update_imnage_content_size_system` to ensure that `ui_layout_system` will remove the old measure func if present.

ickshonpe mentioned this pull request Oct 25, 2024

Texture slicing measure func fix #16086

Closed

alice-i-cecile added this to the 0.15 milestone Oct 27, 2024

cart and others added 6 commits October 29, 2024 15:18

ImageScaleMode::Standard, Sprite::scale_mode, remove Component impl

3183d58

Remove unrelated lightmap example changes

f261e48

Renamed scale_mode to mode.

fb15075

Added `UiImageMode` enum.

Merge branch 'main' into add-image-scale-mode-to-uiimage

5842bb0

Fixed errors from merge.

f323724

Set ui example logo image to fill

544bd36

Merge branch 'add-image-scale-mode-to-uiimage' of https://github.com/…

1bbd708

…ickshonpe/bevy into add-image-scale-mode-to-uiimage

Renamed Fill to Resize

ea9f332

Sprite::Stretch -> Sprite::Auto, improve variant docs

966c87d

cart approved these changes Oct 31, 2024

View reviewed changes

Merge branch 'main' into add-image-scale-mode-to-uiimage

b6853fa

mnmaita approved these changes Oct 31, 2024

View reviewed changes

ickshonpe added 6 commits October 31, 2024 20:10

Merge branch 'add-image-scale-mode-to-uiimage' of https://github.com/…

b1b60d4

…ickshonpe/bevy into add-image-scale-mode-to-uiimage

Fixed doc comments to change to the new component names and removed r…

33e8085

…eferences to the old behaviours.

Merge branch 'main' into add-image-scale-mode-to-uiimage

ed37e75

Merge branch 'main' into add-image-scale-mode-to-uiimage

748e673

Fixed more doc comment links

aca4e4a

Merge branch 'add-image-scale-mode-to-uiimage' of https://github.com/…

5d32ee1

…ickshonpe/bevy into add-image-scale-mode-to-uiimage

mnmaita added S-Ready-For-Final-Review This PR has been approved by the community. It's ready for a maintainer to consider merging it and removed S-Waiting-on-Author The author needs to make changes or address concerns before this can be merged labels Nov 1, 2024

alice-i-cecile added this pull request to the merge queue Nov 4, 2024

Merged via the queue into bevyengine:main with commit 4e02d3c Nov 4, 2024
30 checks passed

This was referenced Nov 5, 2024

game_menu example is missing its icons #16239

Closed

overflow_debug is missing its first row of text #16240

Closed

Move UI example to testbed #16241

Merged

TrialDragon mentioned this pull request Dec 3, 2024

Release 0.15: Bevy PR 16088 is missing migration guide and needs one written bevyengine/bevy-website#1900

Open

rparrett added the M-Migration-Guide A breaking change to Bevy's public API that needs to be noted in a migration guide label Dec 3, 2024

mgi388 mentioned this pull request Dec 20, 2024

Consider renaming NodeImageMode to ImageNodeMode #16909

Closed

ElliottjPierce mentioned this pull request Mar 26, 2025

Clean up incomplete migration guides tracking issue bevyengine/bevy-website#2014

Open

16 tasks

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

Improved `UiImage` and `Sprite` scaling and slicing APIs #16088

Improved `UiImage` and `Sprite` scaling and slicing APIs #16088

Uh oh!

ickshonpe commented Oct 24, 2024 •

edited

Loading

Uh oh!

cart commented Oct 29, 2024 •

edited

Loading

Uh oh!

cart commented Oct 29, 2024

Uh oh!

ickshonpe commented Oct 29, 2024 •

edited

Loading

Uh oh!

ickshonpe commented Oct 30, 2024 •

edited

Loading

Uh oh!

cart commented Oct 30, 2024

Uh oh!

cart commented Oct 31, 2024

Uh oh!

mnmaita left a comment

Uh oh!

Uh oh!

github-actions bot commented Dec 3, 2024

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

6 participants

Uh oh!

Improved UiImage and Sprite scaling and slicing APIs #16088

Improved UiImage and Sprite scaling and slicing APIs #16088

Uh oh!

Conversation

ickshonpe commented Oct 24, 2024 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Objective

Solution

Testing

Uh oh!

cart commented Oct 29, 2024 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

cart commented Oct 29, 2024

Uh oh!

ickshonpe commented Oct 29, 2024 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

ickshonpe commented Oct 30, 2024 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

cart commented Oct 30, 2024

Uh oh!

cart commented Oct 31, 2024

Uh oh!

mnmaita left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

github-actions bot commented Dec 3, 2024

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

6 participants

Improved `UiImage` and `Sprite` scaling and slicing APIs #16088

Improved `UiImage` and `Sprite` scaling and slicing APIs #16088

ickshonpe commented Oct 24, 2024 •

edited

Loading

cart commented Oct 29, 2024 •

edited

Loading

ickshonpe commented Oct 29, 2024 •

edited

Loading

ickshonpe commented Oct 30, 2024 •

edited

Loading