Il existe des bibliothèques pour faciliter l’immense tâche de créer une scène en trois dimensions directement dans WebGL – comme vous le savez Trois.js est le plus utilisé, mais pas le seul. Il existe une bonne quantité de frameworks, d’outils, de moteurs de jeux et de bibliothèques qui méritent également d’être expérimentées.

Vous pouvez trouver des frameworks spécialisés en WebVR comme A-Frame et les moteurs de rendu physiques (PBR) qui créent des scènes surprenantes et des matériaux très réalistes dans notre navigateur. Vous devez vous souvenir du site fantastique « For Honor Scars » dont les textures, les éclairages et les performances nous ont laissé bouche bée. Dans ce cas particulier, ils ont utilisé un micro-framework WebGL appelé nanogl.

WebGL n’est pas seulement pour les scènes 3D et Pixi.js est arrivé pour faciliter la création et l’enrichissement des effets visuels, en appliquant des shaders aux scènes 2D et en améliorant sensiblement le rendu de ces effets. WebGL, d’autre part, est devenu l’environnement idéal pour la mise en œuvre de l’IA, par exemple dans cet article « Comment utiliser les shaders AI, AR et WebGL pour aider les malvoyants », vous pouvez en savoir plus sur une application qui aide les malvoyants à détecter des objets dans leur environnement. L’application utilise un casque VR et applique un shader, « Détection de bord » pour reconnaître les objets à l’aide d’algorithmes de vision par ordinateur. Ce n’est que l’un des centaines d’exemples que vous pouvez trouver, un peu comme les fameuses expériences Google AI. WebGL est aussi bien sûr la base des API dont WebAudio, WebVR et le futur WebXR.

30. Sites Web expérimentaux WebGL ☆ ☆

Ce n’est qu’une petite sélection des sites WebGL récents à noter, mais si vous souhaitez revenir sur l’historique des meilleurs projets de ces dernières années, rendez-vous dans notre collection WEBGL ou recherchez en utilisant le tag WebGL dans technologies. Vous pouvez également explorer les balises Trois.js ou Pixi.js montre tous de fabuleux exemples d’utilisation de WebGL.