Getting Started

A quick route from zero to your first running fragment shader. Includes a minimal project structure and the most common mistakes that cause a blank canvas.

Minimum setup

  • Canvas + WebGL context
  • Compile + link shader program
  • Render loop

Next

Read Shader Basics for the essentials.