shamansir / elm-aframe / AFrame.Animations

This module provides a set of functions for declaring A-Frame animations.

Definition

animation : List (Html.Attribute msg) -> List (Html msg) -> Html msg

Animation declaration.

box
    []
    [ animation
        [ attribute "rotation"
        , dur 10000
        , fill "forwards"
        , to "0 360 0"
        , repeat "indefinite"
        ]
        []
    ]

Animation attributes

attribute_ : String -> Html.Attribute msg

Attribute to animate.

animation [ attribute "rotation" ] []

begin : Basics.Int -> Html.Attribute msg

Delay (in milliseconds) or event name to wait on before beginning animation.

animation [ begin 5000 ] []

direction : AFrame.Variants.Direction.Direction -> Html.Attribute msg

Direction of the animation (between from and to). One of alternate, alternateReverse, normal, reverse.

animation [ direction "reverse" ] []

dur : Basics.Int -> Html.Attribute msg

Duration in (milliseconds) of the animation.

animation [ dur 5000 ] []

easing : AFrame.Variants.Easing.Easing -> Html.Attribute msg

Easing function of the animation.

animation [ easing "rotation" ] []

fill : AFrame.Variants.Fill.Fill -> Html.Attribute msg

Determines effect of animation when not actively in play. One of backwards, both, forwards, none.

animation [ fill forwards ] []

from : String -> Html.Attribute msg

Starting value.

animation [ from "0 120 0" ] []

fromColor : Color -> Html.Attribute msg

fromVec2 : Basics.Float -> Basics.Float -> Html.Attribute msg

fromVec3 : Basics.Float -> Basics.Float -> Basics.Float -> Html.Attribute msg

fromBool : Basics.Bool -> Html.Attribute msg

fromValue : Basics.Float -> Html.Attribute msg

to : String -> Html.Attribute msg

Ending value. Must be specified.

animation [ to "0 360 0" ] []

toColor : Color -> Html.Attribute msg

toVec2 : Basics.Float -> Basics.Float -> Html.Attribute msg

toVec3 : Basics.Float -> Basics.Float -> Basics.Float -> Html.Attribute msg

toBool : Basics.Bool -> Html.Attribute msg

toValue : Basics.Float -> Html.Attribute msg

loop : Basics.Int -> Html.Attribute msg

Repeat count.

animation [ loop 5000 ] []

loopForever : Html.Attribute msg

Loop infinitely

animation [ loopForever ] []