ZANIMO.JS EDITOR

create, store and share animations

EDITOR HELP

A script is the body of a function with the following arguments:

Q
the Q library, documentation
Zanimo
the Zanimo library
Qajax
the Qajax library, documentation
Qimage
the Qimage library, documentation
randomColor
generate random colors, documentation
create
helper for creating dom elements and appending them to the document body
width
the width of the viewport in pixel
height
the height of the viewport in pixel

the function must return a promise.

EDITOR SHORTCUTS

⌘+S: Save current script

⌘+E: Run current script

ZANIMO CHEAT SHEET

Zanimo(el | promise[el])
➜ promise[el]

Takes a dom element or a promise of a dom element and returns a promise of it.

Zanimo(
    el,
    attr,
    value
) ➜ promise[elt]

Applies a css style on the given DOM element.

Zanimo(
    el,
    property,
    value,
    duration,
    [easing]
) ➜ promise[el]

Start a css `property` transition with value `value` on the dom element `el` with a duration of `duration` ms and a optional timing function `easing`.

Zanimo.f(*)
➜ function(elt) ➜ promise[elt]

Encapsulates a `Zanimo(el, *)` call by returning a function (el) ➜ promise[el]. Useful to define reusable transitions.