• inspiration

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

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

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.

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

By Benjamin Sanchez

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *