Curtains.js : un outil pour animer images et vidéos en WebGL - barbu du web
curtains.js : outil webgl pour animer image et vidéos

Curtains.js : un outil pour animer images et vidéos en WebGL

On rêve tous de pouvoir utiliser du WebGL sur nos sites mais il faut dire que ce n’est pas toujours facile d’utilisation.

Et pour simplifier tout ça, Martin Laxenaire a créé une bibliothèque JS qui s’appelle curtains.js destinée à faciliter l’implémentation des objets WebGL sur une page HTML.
Grâce à elle vous allez pouvoir transformer une image ou une vidéo en élément WebGL 3d texturé qui peut être animé via des shaders. En plus de ça, l’élément sera totalement responsive car il va hériter des propriétés CSS.

 

 

Son auteur explique en détail comment l’installer et l’utiliser sur sa page GitHub. Vous pourrez également y retrouver d’autres exemples, notamment avec l’utilisation de vidéos.

Curtains.js

Laisser un commentaire :

Votre adresse email ne sera pas publiée.

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.