In the process of giving a WebGL workshop I created a series of exercises that aims to teach the basic of the WebGL/OpenGL pipeline. The excercises are made to be printed and done in old-fashion pen and paper.
You are the GPU, you need to read, parse, compile and render using only the power of your mind.
It's a hands on experiments, where WebGL features are introduced incrementally and where exercises are meant to be done in the correct order.
Each exercise is accompanied by its solution that shows the final frame.
This is still a work-in-progress thing, surely full of typos and subject to changes.
- #0001 - The intro
- #0002 - Position attribute
- #0003 - Only triangle?
- #0004 - Vecfour?
- #0005 - Multiple attributes
- #0006 - Buffer + attribute pr0 l337
- #0007 - Do you love GPU?
- #0008 - Less memory is good
- #0009 - Uniforms
- #0010 - Uniforms v2
- #0011 - GLSL
- #0012 - what about z and w?
- #0013 - Fragment shader
- #0014 - Filling pixels
- #0015 - Half pixel?
- #0016 - Varyings
- #0017 - UV?
- #0018... To be done
- #0019... To be done
- #0020... To be done
- ...