motion-canvas-rs 0.1.2

A high-performance vector animation engine inspired by Motion Canvas, built on Vello and Typst.
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

use motion_canvas_rs::prelude::*;
use std::time::Duration;

fn main() {
    // 1. Initialize for Export
    let mut project = Project::new(800, 600)
        .with_fps(30)
        .with_ffmpeg(true)
        .with_output_path("output");

    // 2. Setup Nodes
    let circle = Circle::default()
        .with_position(Vec2::new(400.0, 300.0))
        .with_radius(50.0)
        .with_color(Color::rgb8(0x68, 0xab, 0xdf)); // Blue

    let text = TextNode::default()
        .with_position(Vec2::new(200.0, 450.0))
        .with_text("Export Demo")
        .with_font_size(40.0)
        .with_color(Color::rgb8(0xf2, 0xf2, 0xf2)); // White

    let math = MathNode::default()
        .with_position(Vec2::new(400.0, 200.0))
        .with_equation("E = m c^2")
        .with_font_size(40.0)
        .with_color(Color::rgb8(0xe6, 0xa7, 0x00)); // Yellow

    project.scene.add(Box::new(circle.clone()));
    project.scene.add(Box::new(text.clone()));
    project.scene.add(Box::new(math.clone()));

    // 3. Define Animations (Color and Font Size)
    project.scene.timeline.add(flows::all![
        // Circle color and size
        circle
            .color
            .to(Color::rgb8(0xf2, 0xf2, 0xf2), Duration::from_secs(2))
            .ease(easings::quad_in_out),
        circle
            .radius
            .to(150.0, Duration::from_secs(2))
            .ease(easings::elastic_out),
        // Text font size
        text.font_size
            .to(80.0, Duration::from_secs(2))
            .ease(easings::cubic_out),
        // Math color
        math.color
            .to(Color::rgb8(0xe1, 0x32, 0x38), Duration::from_secs(2))
            .ease(easings::cubic_in),
    ]);

    // 4. Export (Renders frames and combines them into out.mkv)
    println!("Starting export to {}...", project.output_path.display());
    project.export().expect("Failed to export");
}