Table des matières

WebGL2Fundamentals.org

Fix, Fork, Contribute

Références

Quelques autres liens qui pourraient vous être utiles

Tutoriels et leçons

  • 3d game shaders for beginners contient de nombreuses excellentes explications sur de nombreuses techniques graphiques. Il est basé sur OpenGL mais les explications sont bien illustrées et il devrait donc être possible de les adapter à WebGL.

  • Learn OpenGL : Leçons OpenGL modernes

    Celles-ci peuvent ou non être utiles. Bien que les APIs soient similaires, OpenGL n’est pas WebGL. D’une part OpenGL est une bibliothèque basée sur C. Un autre problème est qu’OpenGL a beaucoup plus de fonctionnalités que WebGL et les langages de shader ont de nombreuses différences. Néanmoins, beaucoup des idées et techniques montrées sont tout aussi utiles dans WebGL que dans OpenGL.

Helpers / Extensions

  • Spector : Une extension pour afficher tous vos appels WebGL

  • Shader Editor : Une extension qui vous permet de voir et modifier les shaders dans des pages web en direct.

  • WebGL Insight : Une extension pour voir l’utilisation de WebGL

  • webgl-helpers : Scripts pour aider avec WebGL

Bibliothèques

  • twgl : Une bibliothèque pour rendre WebGL moins verbeux.

  • three.js : la bibliothèque JavaScript 3D la plus populaire.

  • PlayCanvas Un moteur de jeu WebGL avec éditeur de jeu

  • regl : Une bibliothèque WebGL fonctionnelle sans état.

Spécifications

  • WebGL2 : La spécification WebGL2

  • OpenGL ES 3.0 : La spécification sur laquelle WebGL2 est basé.

  • GLSL ES 3.0 : La spécification du langage shader pour WebGL2

Divertissement

  • Shadertoy.com : Incroyables fragment shaders produits sous des contraintes extrêmes

    Attention : Les shaders sur shadertoy.com ne sont généralement pas le type de shader utilisé dans les applications WebGL de production. Il y a cependant beaucoup de techniques à apprendre dans leurs exemples.

  • glslsandbox.com : Le terrain de jeu original des fragment shaders.

  • vertexshaerart.com : La version vertex shader de glslsandbox.


Si vous connaissez d’autres bonnes références à ajouter, n’hésitez pas à ouvrir un ticket.

Problème ou bug ? Créez un ticket sur github.
Utilisez <pre><code>le code ici</code></pre> pour les blocs de code
comments powered by Disqus