bevy_asky 0.5.0

A simple question-and-answer UI middleware for Bevy
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93

use bevy::{
    input_focus::{InputFocus, InputFocusVisible},
    prelude::*,
};
use bevy_asky::prelude::*;

#[path = "common/lib.rs"]
mod common;
use common::View;
const FOCUSED_BORDER: Srgba = bevy::color::palettes::tailwind::BLUE_50;

fn main() {
    App::new()
        .add_plugins((DefaultPlugins, AskyPlugin))
        .insert_resource(InputFocusVisible(true))
        .add_plugins(common::views)
        .add_systems(Startup, setup)
        .add_systems(
            Update,
            (
                // We need to show which button is currently focused
                highlight_focused_element,
            ),
        )
        .run();
}

fn highlight_focused_element(
    input_focus: Res<InputFocus>,
    // While this isn't strictly needed for the example,
    // we're demonstrating how to be a good citizen by respecting the `InputFocusVisible` resource.
    input_focus_visible: Res<InputFocusVisible>,
    mut query: Query<(Entity, &mut BorderColor)>,
) {
    for (entity, mut border_color) in query.iter_mut() {
        if input_focus.0 == Some(entity) && input_focus_visible.0 {
            // Don't change the border size / radius here,
            // as it would result in wiggling buttons when they are focused
            *border_color = BorderColor::all(FOCUSED_BORDER);
        } else {
            *border_color = BorderColor::DEFAULT;
        }
    }
}

fn setup(mut commands: Commands, mut input_focus: ResMut<InputFocus>) {
    // UI camera
    commands.spawn(Camera2d);

    let column = commands
        .spawn(Node {
            flex_direction: FlexDirection::Column,
            ..default()
        })
        .id();
    commands.entity(column).with_children(|parent| {
        let question = parent
            .construct::<View>(())
            .construct::<Confirm>("Do you like ascii?")
            .observe(
                move |mut trigger: On<Submit<bool>>, mut commands: Commands| {
                    eprintln!("trigger {:?}", trigger.event());
                    let answer = trigger.event_mut().take_result().unwrap_or(false);
                    commands.entity(column).with_children(|parent| {
                        parent.spawn(Text::new(if answer {
                            "Me too."
                        } else {
                            "We have other options."
                        }));
                        parent
                            .construct::<View>(())
                            .construct::<Confirm>("Do you prefer color?")
                            .observe(
                                move |mut trigger: On<Submit<bool>>, mut commands: Commands| {
                                    let answer = trigger.event_mut().take_result().unwrap_or(false);
                                    commands.entity(column).with_children(|parent| {
                                        parent.spawn(Text::new(if answer {
                                            "Me too!"
                                        } else {
                                            "Oh, yeah, too vibrant."
                                        }));
                                    });
                                    commands.entity(trigger.event().event_target()).despawn();
                                },
                            );
                    });
                    commands.entity(trigger.event().event_target()).despawn();
                },
            )
            .id();
        input_focus.set(question);
    });
}