buildrtech / elm-animator-with-elm-css / Animator.Value

You may want to animate a value manually, without generating any CSS.

This module is for you!

You'll need to track a Timeline in your model and update it using AnimationFrame.

color : Animator.Timeline.Timeline state -> (state -> Color) -> Color

float : Animator.Timeline.Timeline state -> (state -> Movement) -> Basics.Float

velocity : Animator.Timeline.Timeline state -> (state -> Movement) -> Basics.Float

movement : Animator.Timeline.Timeline state -> (state -> Movement) -> { position : Basics.Float, velocity : Basics.Float }


type alias Movement =
Internal.Move.Move Basics.Float

to : Basics.Float -> Movement

xy : Animator.Timeline.Timeline state -> (state -> { x : Movement, y : Movement }) -> { x : Basics.Float, y : Basics.Float }

xyz : Animator.Timeline.Timeline state -> (state -> { x : Movement, y : Movement, z : Movement }) -> { x : Basics.Float, y : Basics.Float, z : Basics.Float }

Transition personality

withWobble : Basics.Float -> Movement -> Movement

This will make the transition use a spring!