Clickable Text2d

[mossy flint]

Howdy, I'm trying to make a clickable text2d but haven't had success in getting the observer to trigger. Unfortunately Google hasn't been too helpful and that AI overview has been even worse. I've tried with and without Pickable as well.

fn on_click_options(_: On<Pointer<Click>>, mut next_menu_state: ResMut<NextState<MainMenuState>>) {
    warn!("Click called");
    next_menu_state.set(MainMenuState::Options) ;
}

fn options_button(commands: &mut Commands, window: &Single<&Window>) {
    let (x, y) = options_button_position(window);
    commands.spawn((
        Name::new("Options button"),
        MainMenuButton::Options,
        Transform::from_translation(Vec3::new(x, y, 0.0)),
        Text2d::new("Options"),
        TextFont {
            font_size: 42.0,
            ..Default::default()
        },
        Pickable::default(),
    )).observe(on_click_options);
}

[quick chasm]

https://bevy.org/examples/ui-user-interface/button/
Maybe this will help. You can make the button background invisible by using Visibility::Hidden

[glass sigil]

Do you have the picking backend features active?

[lapis cipher]

I just checked Bevy's code and, unless I am missing something, Text2d does not have picking support.

Text2d is part of the bevy_sprite crate, and that crate only has one "picking" backend which only queries Sprites:

impl Plugin for SpritePickingPlugin {
    fn build(&self, app: &mut App) {
        app.init_resource::<SpritePickingSettings>()
            .add_systems(PreUpdate, sprite_picking.in_set(PickingSystems::Backend));
    }
}

fn sprite_picking(
    sprite_query: Query<(
        Entity,
        &Sprite, // <---- Only works for Sprites
        &GlobalTransform,
        &Anchor,
        &Pickable,
        &ViewVisibility,
        Option<&RenderLayers>,
    )>,
    /* ... */
) { /* ... */ }

So your options are to either make your own backend implementation, or the easiest solution would be to have a Sprite as a parent until Text2d gets proper picking implementation

[mossy flint]

Default plugins. Basically a barebone app right now (just wanted to play with this menu idea).

[mossy flint]

I want to move the camera and have the text reflect the movement, so the UI crate doesn’t work for this scenario (to my best understanding)

[mossy flint]

Argh alright. Yeah maybe a rect as the background- could probably use the AABB dimensions as input so it scales well.

[glass sigil]

there are some features that you need to enable on Cargo.toml to enable picking

[lapis cipher]

Text2d doesn't have a picking backend so regardless of what features are enabled only Text has picking support, not Text2d

Which is weird, I'll see if there is an open issue about this

[glass sigil]

it is probably on the sprite backend

[lapis cipher]

The sprite backend only queries for &Sprite, Text2d doesn't have that component, and it is the only backend in the bevy_sprite crate

https://github.com/bevyengine/bevy/pull/16886
There is a PR that's been open for over a year now and is waiting for the author

[mossy flint]

Okay so I assume even with the Sprite clickable I'll have to do the cargo feature. I'll look for that. Finally back at the console now. Edit: https://github.com/bevyengine/bevy/blob/HEAD/docs/cargo_features.md using 2d, which includes picking. But I didn't know that, so nice to learn 🙂

(and maybe I can take a look at that PR and update it later lol)