WebGL2 Tutorial

This is a tutorial series for WebGL2. It is based on WebGL2 Fundamentals by Gregg Tavares, LearnOpenGL, and Maxime Euzière's WebGL guide.

Usage examples for my WebGL2 library, μGL, are also included.

See the glossary here.

Index

  1. Introduction to WebGL
    • The WebGL API
  2. Shaders
    • Shader Programs
    • GLSL
  3. Program Structure
    • Initialization Step
    • Render Step
    • Cheat Sheet
  4. Attributes
    • Vertex Buffer Objects
    • Vertex Array Objects
    • Rendering
    • Element Buffer Objects
  5. Uniforms
  6. Varyings
  7. Transformation
    • Translation
    • Rotation
    • Scaling
    • Matrices
  8. The Scene Graph
  9. 3D
    • Orthographic 3D
    • Polygon Culling
    • Depth Testing
    • Perspective
    • Cameras
  10. Textures
    • Texture Parameters
    • Texture Atlases
    • Data Textures
    • Projection Mapping
  11. Framebuffers
    • Rendering to Textures
  12. Lighting
    • Diffuse Lighting
    • Ambient Lighting
    • Point Lighting
    • Specular Lighting
    • Spot Lighting
  13. Cubemaps
    • Environment Maps
    • Skyboxes
  14. Shadows
    • Shadow Maps
    • Shadow Acne
  15. Fog
  16. Transparency
    • Order-Independent Transparency
    • Depth Peeling
  17. Text
    • Glyph Textures
  18. GPGPU
  19. Picking
  20. Image Processing
  21. Skinning
  22. Handling Lost Context