Draw on the GPU
Circles, text, strokes, and post-processing with SDF and WebGPU.
Skip to content
WebGL / WebGPU
An infinite canvas tutorial
Step-by-step lessons for a Figma-like canvas, with examples you can run in the page.
Three ways through the lessons
Draw with a model
Generate shapes, vectorize an image, talk to the canvas.
From the canvas
Halftone post-processing 
Pixelate effect 
Radiance cascades lighting 
Vello GPU rendering 
Icon fonts on the canvas 
Mermaid diagrams 
Orthogonal connectors