bevy_mod_opacity 0.5.0

Hierarchical opacity 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
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140

use bevy::{
    app::{App, Startup},
    asset::AssetServer,
    color::Color,
    light::GlobalAmbientLight,
    math::Vec3,
    prelude::{Camera, Camera2d, Camera3d, Commands, Component, ImageNode, Res, Text, Transform},
    scene::SceneRoot,
    text::TextFont,
    ui::{
        AlignItems, BorderColor, BorderRadius, Display, FlexDirection, JustifyContent, Node,
        UiRect, Val,
    },
    DefaultPlugins,
};
use bevy_mod_opacity::{Opacity, OpacityPlugin, UiOpacity};

#[derive(Debug, Component)]
pub struct OnDelete;

impl Drop for OnDelete {
    fn drop(&mut self) {
        println!("An entity has been deleted!")
    }
}

pub fn main() {
    App::new()
        .add_plugins(DefaultPlugins)
        .add_plugins(OpacityPlugin)
        .insert_resource(GlobalAmbientLight {
            color: Color::WHITE,
            brightness: 1000.,
            ..Default::default()
        })
        .add_systems(Startup, init)
        .run();
}

pub fn init(mut commands: Commands, assets: Res<AssetServer>) {
    let style = TextFont {
        font_size: 64.0,
        ..Default::default()
    };
    commands.spawn((
        Camera2d,
        Camera {
            order: 1,
            ..Default::default()
        },
    ));

    commands.spawn((
        Camera3d::default(),
        Transform::from_translation(Vec3::new(4., 4., 4.)).looking_at(Vec3::ZERO, Vec3::Y),
    ));

    commands
        .spawn(Node {
            width: Val::Percent(100.0),
            height: Val::Auto,
            display: Display::Flex,
            flex_direction: FlexDirection::Row,
            justify_content: JustifyContent::Center,
            align_items: AlignItems::Center,
            column_gap: Val::Px(5.0),
            border: UiRect::all(Val::Px(2.)),
            ..Default::default()
        })
        .insert(Opacity::new_fade_in(10.))
        .with_children(|build| {
            build
                .spawn((
                    Node {
                        width: Val::Auto,
                        height: Val::Auto,
                        display: Display::Flex,
                        flex_direction: FlexDirection::Row,
                        justify_content: JustifyContent::Center,
                        align_items: AlignItems::Center,
                        column_gap: Val::Px(5.0),
                        border: UiRect::all(Val::Px(5.)),
                        padding: UiRect::all(Val::Px(10.)),
                        border_radius: BorderRadius::all(Val::Px(20.)),
                        ..Default::default()
                    },
                    BorderColor::all(Color::WHITE),
                    UiOpacity::Border,
                ))
                .with_children(|build| {
                    build.spawn((Text::new("Made with"), style.clone()));
                    build.spawn((
                        ImageNode::new(assets.load("heart.png")),
                        Node {
                            width: Val::Auto,
                            padding: UiRect::horizontal(Val::Px(5.0)),
                            height: Val::Px(64.0),
                            ..Default::default()
                        },
                    ));
                    build.spawn((Text::new("using"), style.clone()));
                    build.spawn((
                        ImageNode::new(assets.load("ferris.png")),
                        Node {
                            width: Val::Auto,
                            padding: UiRect::horizontal(Val::Px(5.0)),
                            height: Val::Px(64.0),
                            ..Default::default()
                        },
                    ));
                    build.spawn((Text::new("and"), style.clone()));
                    build.spawn((
                        ImageNode::new(assets.load("bevy.png")),
                        Node {
                            width: Val::Auto,
                            padding: UiRect::horizontal(Val::Px(5.0)),
                            height: Val::Px(64.0),
                            ..Default::default()
                        },
                    ));
                    build.spawn((Text::new("!"), style.clone()));
                });
        });
    commands.spawn((
        SceneRoot(assets.load("rings1.glb#Scene0")),
        Transform::from_translation(Vec3::new(1., 0., -1.)),
        {
            let mut op = Opacity::OPAQUE;
            op.fade_out(10.);
            op
        },
        OnDelete,
    ));
    commands.spawn((
        SceneRoot(assets.load("rings2.glb#Scene0")),
        Transform::from_translation(Vec3::new(-1., 0., 1.)),
        Opacity::new_fade_in(4.),
        OnDelete,
    ));
}