WebGL from scratch

when & why to use it

• SVG
• Canvas2D
• WebGL

Graphics on Web

• Subset of OpenGL
  
• Runs on GPU
  
• C-like language GLSL
  

WebGL

• Vertex
• Fragment
• Uniform, Attribute, and Varying

Shaders

• Points, Lines, and Triangles
• Gradients and Textures

Hello World

• Matrices
• Smoke and mirrors

Lights, Camera, Projection!

• Parallel Rendering - Particle Physics
• Post-processing Images and Videos
• Raymarching

Usecase