bevy_sprinkles_editor 0.3.0

GPU particle system editor for Bevy
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

use bevy::prelude::*;

use crate::project::SaveProjectEvent;
use crate::ui::components::playback_controls::playback_controls;
use crate::ui::components::project_selector::project_selector;
use crate::ui::components::seekbar::seekbar;
use crate::ui::tokens::{BACKGROUND_COLOR, BORDER_COLOR};
use crate::ui::widgets::button::{ButtonClickEvent, ButtonProps, ButtonVariant, button};
use crate::ui::widgets::separator::EditorSeparator;

pub fn plugin(app: &mut App) {
    app.add_systems(Update, setup_save_button_observer);
}

#[derive(Component)]
pub struct SaveButton;

fn setup_save_button_observer(buttons: Query<Entity, Added<SaveButton>>, mut commands: Commands) {
    for entity in &buttons {
        commands.entity(entity).observe(on_save_button_click);
    }
}

fn on_save_button_click(_event: On<ButtonClickEvent>, mut commands: Commands) {
    commands.trigger(SaveProjectEvent);
}

#[derive(Component, Default, Clone)]
pub struct EditorTopbar;

pub fn topbar() -> impl Scene {
    bsn! {
        EditorTopbar
        Node {
            width: percent(100),
            height: px(52),
            padding: { UiRect::all(px(12)) },
            border: { UiRect::bottom(px(1)) },
            justify_content: { JustifyContent::SpaceBetween },
            align_items: { AlignItems::Center },
        }
        BackgroundColor(BACKGROUND_COLOR)
        template_value(BorderColor::all(BORDER_COLOR))
    }
}

fn topbar_right() -> impl Scene {
    bsn! {
        Node {
            column_gap: px(12),
            align_items: { AlignItems::Center },
        }
    }
}

pub fn spawn_topbar(commands: &mut Commands, parent: Entity) {
    let bar = commands.spawn_scene(topbar()).insert(ChildOf(parent)).id();

    let selector = commands.spawn_scene(project_selector()).id();
    commands.entity(bar).add_children(&[selector]);

    let right = commands
        .spawn_scene(topbar_right())
        .insert(ChildOf(bar))
        .id();
    commands.spawn_scene(seekbar()).insert(ChildOf(right));
    commands
        .spawn_scene(playback_controls())
        .insert(ChildOf(right));
    commands
        .spawn_scene(EditorSeparator::vertical())
        .insert(ChildOf(right));
    commands
        .spawn_scene(button(
            ButtonProps::new("Save").with_variant(ButtonVariant::Primary),
        ))
        .insert(SaveButton)
        .insert(ChildOf(right));
}