Qep4.: Zanimo.js, a promise-based animation library

AWOPjavascriptpromiseQanimationlibrary

A World Of Promises, episode 4

This fourth article on Q will introduce Zanimo.js, a Promisified animation library which helps to chain different CSS transitions with only Promises. It is very interoperable with any other Promise library, meaning that you can easily chain Zanimo animations with other asynchronous actions.

Zanimo.js is a smooth library developed by @42loops animation library based on the library Q, a Javascript implementation of Promises.

This article is an introduction of the concept of Promises in Javascript with the library Q and will show a real use case of it: Promises used on top CSS Transitions to make powerful and efficient DOM animations in Javascript.

Zanimo.js

TODO: overview of the library

Examples

Recursive tree particle animation

tree-particle

It turns out that promise is very good tool for animating any recursive things.

TODO

As a generative plotter artist, I use code to generate art (creative coding) and physically create it with pen plotters, which is itself a generative process – each physical plot is a unique variant. I love dualities, like digital vs analog physical, abstract vs figurative, orthogonal vs polar, photo vs noise,...