Le BlogDuWebdesign boost l’inspiration des intégrateurs #3

19/03/2013

Inspiration graphique

Intégration web

Découvrez sur le Blog du Webdesign 10 effets bluffants avec Canvas !

La balise Canvas, plus puissante qu’on l’imagine

Pour ceux qui doutaient encore du fait que canvas était au même niveau que flash, voilà quelques expériences qui le leur prouveront. 3D, mouvements dynamiques de toute beauté, ces animations sont un bon exemple de la puissance de la techno, mais aussi de l’aspect bas niveau de la manipulation du Canvas. Il n’y a qu’à regarder la différence de complexité du code entre les animations avec library externe et celles sans.

Pour ceux que ces expériences motiveront à essayer, voila en supplément 3 library a mon gouts les plus intéressants pour jouer avec l’element Canvas

Ressources

Bonsai.js

Bonsaï est une library servant de surcouche pour gérer les graphismes, Vectoriels ou images. Très pratique pour avoir vite un résultat. De plus, ils ont une zone de test en ligne (orbit) pour faire ses premiers tests.

three.js

Three js est une library pour faire de la 3D avec Canvas. Plus complexe mais bien plus puissante, elle est utilisé dans une partie des expériences ci-dessous.

Box2D

Car la physique c’est bien, voila un moteur physique disponible dans de nombreux langages, dont le JS.