Progression from very simple WebGL to a useful 3D example

 

Version: What to look for:
 
index0.htmlsimple triangle
index1.htmlchange to square
index2.htmlchange to triangle strip
index3.htmlmatrix to adjust for non-square canvas
index4.htmlrotation
index5.htmlanimation
index6.htmladd a second square
index7.htmlcolor the squares differently
index8.htmlperspective
index9.htmldepth test
index10.htmladd a third square
index11.htmladd a fourth square
index12.htmlcolor the fourth square differently