Introduction to WebGL2

This tutorial series serves as an introduction to WebGL2 with μGL - a framework of my own design. It is based on the tutorial series by Gregg Tavares and Maxime Euzière.

Table of contents

  1. Index
  2. What is WebGL?
    • WebGL
    • Shaders
    • The WebGL API
  3. Attributes
    • Buffers
    • Vertex array objects
    • Indices
  4. Uniforms
  5. Program structure
  6. "Hello, world!"
  7. Varyings
  8. Transformation
    • Translation
    • Rotation
    • Scaling
    • Matrices
    • Animation
  9. Scene graph
  10. 3D
    • Orthographic
    • Perspective
    • Cameras
  11. Textures
    • Texture parameters
    • Texture atlases
    • Data textures
    • Projection mapping
  12. Framebuffers
    • Render to texture
  13. Lighting
    • Directional lighting
    • Colored lighting
    • Ambient lighting
    • Point lighting
    • Specular lighting
    • Spot lighting
  14. Shadows
  15. Fog
  16. Cubemaps
    • Environment maps
    • Skyboxes
  17. Transparency
  18. Text
    • Glyph textures
  19. GPGPU
  20. Picking
  21. Image processing
  22. Skinning
  23. Lost context