docs/versioned_docs/version-0.0.9/h_extensions/velocity.md

title, slug

title	slug
Velocity Extension	/extensions/velocity

The VelocityExtension is a utility struct that changes the Transform component of a div to make a velocity effect.

:::info The Velocity component only works if the Transform::new component is in the element, otherwise it may have issues.

---

📦 Usage

use osui::prelude::*;

fn main() -> std::io::Result<()> {
    let screen = Screen::new();
    screen.extension(VelocityExtension);

    rsx! {
        @Velocity(100, 0);
        @Transform::new();
        "Hello, World"
    }
    .draw(&screen);

    screen.run()
}

---

Components

Velocity(x: i32, y: i32)

Makes the VelocityExtension move the element according to the values, if the values are negative then the velocity is in the opposite direction.