Introduction to WebGL

This is an introduction to WebGL using Umbra.

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
    • Point lighting
    • Spot lighting
  14. Shadows
  15. Fog
  16. Skyboxes
    • Cubemaps
    • Environment maps
  17. Text
    • Glyph textures
  18. GPGPU
  19. Picking
  20. Image processing
  21. Skinning
  22. Lost context
  23. Transparency