Le BlogDuWebdesign boost l’inspiration des intégrateurs #3
Vous souhaitez mettre votre solution en avant en haut de cet article ? Contactez-nous
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
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 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.
Car la physique c’est bien, voila un moteur physique disponible dans de nombreux langages, dont le JS.
Experiences
Une sphère de particules en 3D
The matrix en 16 lignes de js
Gestion de fluides
Nuage de cercles en mouvement
Étincelles colorées
Expérience sur la persistance et les trainées
Simulation physique d’un tissu
Un jeu pour booster votre productivité (ou pas bien sur)
Un nuage en 3D
Un globe terrestre et un affichage impressionnant pour de l’infographie