私は learningwebgl.com を読んでいますが、最後の要素としてバインドした最初のバッファーを描画することで混乱しますか?
red triangle
green square
blue square
他のすべてがオーバードローされるため、青い四角だけが表示されると思っていましたが、出力が逆の順序になっているようです。
ステンシル バッファーについても読んだので、マスク (赤) を作成すると、青い四角の上に緑の三角形が表示されます。
マスクは機能します（http://jsfiddle.net/D3QNg/3/）が、それが正しいのか、それとも運が良かったのかはわかりません。
助けていただければ幸いです。