Bonsaila 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 |
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' }); |
Démo. Site officiel. Téléchargement. Documentation.Source : article sur BadAss JavaScript
Vous avez lu gratuitement 59 articles depuis plus d'un an.
Soutenez le club developpez.com en souscrivant un abonnement pour que nous puissions continuer à vous proposer des publications.
Soutenez le club developpez.com en souscrivant un abonnement pour que nous puissions continuer à vous proposer des publications.