Bevy UI Animation

Bevy UI的GSAP类似动画插件。

🌌 特性

• ✅ 动画NodeBundle, ImageBundle, TextBundle, ButtonBundle
• 🚧 时间轴支持
• 🚧 Bevy事件支持

🔮 使用方法

要使用此插件，第一步是在你的 Cargo.toml 中添加依赖项

[dependencies]
bevy_ui_animation = "1.0.0"

将 AnimationPlugin 添加到你的 main.rs

use bevy::prelude::*;
use bevy_ui_animation::*;

App::new()
    .add_plugins(DefaultPlugins)
    .add_plugin(AnimationPlugin)
    .run();

动画一个组件

use bevy::prelude::*;
use bevy_ui_animation::*;

fn setup(mut commands: Commands) {
    commands.spawn_bundle(UiCameraBundle::default());
    commands
        .spawn_bundle(NodeBundle {
            style: Style {
                size: Size::new(Val::Percent(100.0), Val::Percent(100.0)),
                ..Default::default()
            },
            color: UiColor(Color::BLUE),
            transform: Transform::default(),
            ..Default::default()
        })
        .insert(Animation::new(Vars {
            style: Some(Style {
                size: Size::new(Val::Percent(50.0), Val::Percent(50.0)),
                ..Default::default()
            }),
            color: Some(UiColor(Color::RED)),
            transform: Some(Transform::from_rotation(Quat::from_rotation_z(
                180_f32.to_radians(),
            ))),
            duration: 2.0,
            ease: Ease::ExpoOut,
            repeat: true,
            yoyo: true,
            ..Default::default()
        }));
}

预览

你可以通过以下方式直接运行此示例

cargo run --example all --features="bevy/bevy_winit"

✳️ 变量

📜 可动画组件

📈 缓动

❇️ 兼容性

🙏 感谢

• @djeedai for bevy_tweening
• @mockersf for bevy_easings
• @Piston开发者们，有关interpolation

🖋 作者

miZyind mizyind@gmail.com

📇 许可证

在MIT 许可证下授权。