mina 0.1.1

A simple, expressive, framework-independent animation library for Rust
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

use mina::prelude::*;
use nannou::color::Lch;
use nannou::prelude::*;

/// Example of a [`MergedTimeline`]. Specifies separate timelines for horizontal motion and vertical
/// motion that have different durations and easings; then, Because We Can, adds a third animation
/// for color that doesn't reverse.
///
/// These timelines are all merged to create a single timeline to run the animation. Note how all
/// the inner timelines operate on the same style struct (`[Slider]`), but for different properties,
/// and do not interfere with each other.

fn main() {
    nannou::app(model).update(update).run();
}

#[derive(Animate, Default)]
struct Slider {
    x: f32,
    y: f32,
    rotation: f32,
    hue: f32,
}

struct Model {
    _window: window::Id,
    timeline: MergedTimeline<SliderTimeline>,
    slider: Slider,
}

fn model(app: &App) -> Model {
    let _window = app.new_window().size(800, 450).view(view).build().unwrap();
    let slider = Slider::default();
    let timeline = timeline!(Slider [
        20s infinite reverse from { y: 150.0 } to { y: -150.0 },
        5s infinite reverse Easing::InOutCirc
            from { x: -350.0, rotation: 0.0 }
            to { x: 350.0, rotation: PI * 16.0 },
        30s infinite from { hue: 140.0 } to {hue: 500.0 },
    ]);
    Model {
        _window,
        slider,
        timeline,
    }
}

fn update(_app: &App, model: &mut Model, update: Update) {
    let time = update.since_start.as_secs_f32();
    model.timeline.update(&mut model.slider, time);
}

fn view(app: &App, model: &Model, frame: Frame) {
    let draw = app.draw();
    draw.background().color(Srgb::new(0.1, 0.1, 0.1));
    draw.line()
        .start(Vec2::new(-350.0, model.slider.y - 2.0))
        .end(Vec2::new(350.0, model.slider.y - 2.0))
        .color(Srgb::new(0.2, 0.2, 0.2));
    draw.line()
        .start(Vec2::new(-350.0, model.slider.y))
        .end(Vec2::new(350.0, model.slider.y))
        .color(DIMGRAY);
    draw.line()
        .start(Vec2::new(-350.0, model.slider.y + 2.0))
        .end(Vec2::new(350.0, model.slider.y + 2.0))
        .color(Srgb::new(0.2, 0.2, 0.2));
    draw.rect()
        .x(model.slider.x)
        .y(model.slider.y)
        .width(15.0)
        .height(60.0)
        .rotate(-model.slider.rotation)
        .color(Lch::new(55.0, 120.0, model.slider.hue % 360.0))
        .stroke_color(DARKGREEN)
        .stroke_weight(2.0);
    draw.to_frame(app, &frame).unwrap();
}