Bonsai
la biblioth�que JavaScript graphique et anim�e.


Bonsai est une nouvelle biblioth�que JavaScript graphique qui contient une API intuitive. Elle permet de d�finir des formes vectorielles et de les animer de mani�re assez surprenante. L'architecture est divis�e en deux parties. Tout d'abord, il y a le moteur de rendu (SVG) et ensuite il y a le moteur de calcul. De cette fa�on, l'ex�cution des calculs lourds se fait en arri�re-plan tandis qu'on retrouve uniquement le rendu visuel sur le thread principal.

En voici quelques particularit�s :

  • une ex�cution dans une iFrame, avec Node ou avec Worker ;
  • une classe Paths pour g�n�rer des chemins ;
  • elle accepte les vid�os, les images, les polices, ... ;
  • des fonctions math�matiques pour les animations ;
  • etc.


Exemple d'utilisation :

Code javascript : S�lectionner tout - Visualiser dans une fen�tre � part
1
2
3
4
5
6
7
8
9
10
 
var square = new Rect(0, 0, 100, 100);
 
square.addTo(stage);
square.fill('red');
square.animate('1.5s', {
  rotation: Math.PI,
  x: 700,
  fillColor: 'green'
});

Ce code cr�e un carr� rouge qui va se d�placer tout en tournant sur lui-m�me et changer progressivement de couleur jusqu'� devenir vert. Vous pouvez voir son ex�cution dans le premier encadr� de la documentation.


D�mo.
Site officiel.
T�l�chargement.
Documentation.

Source : article sur BadAss JavaScript