WebGL

Pixi.js 2D webgl renderer

OpenGl ES 3.0 Programming Guide guide book for learning OpenGL

Good supplementary WebGL tutorial(s)

• Andrew Adamson WebGL Tutorials
  • Supplementary github page
• WebGL2Fundamentals.org

Fundamentals

HTML Canvas

WebGL Rendering Context (gl): The interface we use to issue webGL commands

• Can have multiple rendering contexts, each webGL canvas has its own rendering context
• Create shader, set GLSL source, compile shader and attach to program

WebGL program linking 2 compiled shaders

Graphics Fundamentals:

WebGL is based off OpenGL

• Vertex & Fragment Shaders