GL Tutorial in WebGL 1.0

This is a WebGL 1.0 translation of C++/OpenGL code examples from Jason L. McKesson's book Learning Modern 3D Graphics Programming.

It's a work in progress. Below is the list of examples translated so far. Use browser's View Source to see example's GLSL and GL code or browse the repo on GitHub.

I. The Basics

• Hello, Triangle!
• Playing with Colors
  • Fragment Position Display
  • Vertex Attributes

II. Positioning

• OpenGL's Moving Triangle
  • Moving the Vertices
  • A Better Way
  • More Power to the Shaders
  • Multiple Shaders
• Objects at Rest
  • The Unreal World
  • Perspective Projection
  • The Matrix has You
  • Aspect of the World
• Objects in Depth
  • Multiple Objects in OpenGL
  • Optimization: Base Vertex
  • Overlap and Depth Buffering
  • Boundaries and Clipping
  • Depth Clamping
• Objects in Motion
  • Translation
  • Scale
  • Rotation
  • Fun with Matrices