README About Versions Source Modules

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 : Timeline state -> (state -> Color) -> Color

float : Timeline state -> (state -> Movement) -> Float

velocity : Timeline state -> (state -> Movement) -> Float

Timeline state

-> (state -> Movement)

-> { position : Float

, velocity : Float

}

type alias Movement =

Move Float

to : Float -> Movement

xy :

Timeline state

-> ( state

-> { x : Movement

, y : Movement

}

)

-> { x : Float

, y : Float

}

Timeline state

-> ( state

-> { x : Movement

, y : Movement

, z : Movement

}

)

-> { x : Float

, y : Float

, z : Float

}

Transition personality

withWobble : Float -> Movement -> Movement

This will make the transition use a spring!

withWobble 0 - absolutely no wobble
withWobble 1 - all the wobble

Modules