#layout #bevy #ui

bevy_rectray

A minimal 2d layout system for bevy

2 releases

0.1.1 Jul 27, 2024
0.1.0 Jul 20, 2024

#258 in GUI

40 downloads per month
Used in bevy_rectray_picking

MIT/Apache

495KB
1.5K SLoC

bevy_rectray

A minimal 2d layout system (that works in 3d!) for bevy.

Crates.io Docs Bevy tracking

Getting Started

First add RectrayPlugin.

app.add_plugins(RectrayPlugin)

Then add RectrayFrame to a parent entity. This effectively creates a 2d rectangular space around the local x and y axis of the entity's Transform.

commands.spawn(
    SpacialBundle {
        ...
    },
    RectrayFrame::from_dimension(Vec2::new(1024., 768.)),
)

To place descendant entities inside the frame, add RectrayBundle next to entities with TransformBundles.

commands.spawn(
    PbrBundle {
        ...
    },
    RectrayBundle {
        ...
    }
)

Since we only operate on Transform, bevy_rectray works in Transform - Transform2d - Transform sandwich situations.

Integration

bevy_rectray is minimal and does not magically react to changes in bevy components. We take in Transform2D and Dimension and produces Transform and RotatedRect.

Some of those data can come from external sources. For example if you want to make all Sprites take up space of its Image or custom_size, add a system like this manually:

pub fn update_sprite_dimension(
    scaling_factor: Query<&Window, With<PrimaryWindow>>,
    mut query: Query<(&mut Sprite, &Handle<Image>, &mut Dimension)>,
    assets: Res<Assets<Image>>
) {
    let scaling_factor = scaling_factor
         .get_single()
         .map(|x| x.scale_factor())
         .unwrap_or(1.0);
    query.iter_mut().for_each(|(sp, im, mut dimension)| {
        dimension.0 = sp.custom_size.or_else(|| {
            sp.rect.map(|rect| (rect.max - rect.min) * scaling_factor)
                .or_else(|| {
                    assets.get(im)
                        .map(|x|x.size().as_vec2() * scaling_factor)
                })
        }).unwrap_or(Vec2::ZERO)
    })
}

If you want the opposite behavior, you can update the size of a sprite from the outputted RotatedRect::dimension.

Containers

Add RectrayContainerBundle to put child items in a Layout. See module level documentation for details.

Showcase

  • Place items on anchors of parents

anchors

  • Put 3d meshes in a layout

3d

  • Place individual words to form a paragraph

text

Versions

bevy bevy_rectray
0.14 latest

License

Licensed under either of

at your option.

Contribution

Unless you explicitly state otherwise, any contribution intentionally submitted for inclusion in the work by you, as defined in the Apache-2.0 license, shall be dual licensed as above, without any additional terms or conditions.

Dependencies

~16MB
~317K SLoC