Bonsai
La bibliothèque JavaScript graphique et animée

Les rubriques (actu, forums, tutos) de Développez
Tags
Réseaux sociaux




Le , par vermine, Responsable JavaScript & AJAX
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 :
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


Vous avez aimé cette actualité ? Alors partagez-la avec vos amis en cliquant sur les boutons ci-dessous :
Offres d'emploi IT
TMA équipe complète 4 personnes Dijon 21000
CDD Freelance Mission
O4S - Bourgogne - Dijon (21000)
Parue le 15/01/2015
Developpeur symfony2
CDI
Job4geek - Ile de France - Paris (75000)
Parue le 08/01/2015
Architecte jav / j2ee - big data - éditeur
CDI
SILKHOM - Rhône Alpes - Grenoble (38000)
Parue le 23/01/2015

Voir plus d'offres Voir la carte des offres IT
 
 
 
 
Partenaires

PlanetHoster