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.
