WebGL2 Tutorial

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

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
    • Weighted, Blended
  17. Text
    • Glyph Textures
  18. GPGPU
  19. Picking
  20. Image Processing
  21. Skinning
  22. Handling Lost Context