WebGLの頂点配列順序

Question

Iましたシンプルな正方形のための位置の配列ではなく

const positions = [ 
    -1.0, 1.0, // 1 - top left 
    1.0, 1.0, // 2 - top right 
    -1.0, -1.0, // 3 - bottom left 
    1.0, -1.0, // 4 - bottom right 
]; 

でなければならない理由はまさにこのmozillaのWebGLのチュートリアルを読んで、私は思ったんだけど質問 https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API/Tutorial/Adding_2D_content_to_a_WebGL_context

に出くわしました

const positions = [ 
    -1.0, 1.0, // 1 - top left 
    1.0, 1.0, // 2 - top right 
    1.0, -1.0, // 4 - bottom right 
    -1.0, -1.0, // 3 - bottom left 
]; 

これは私には分かります。

最初のケース（正しいもの）では、頂点から頂点まで四角形を描く線は交差するはずですが、明らかにそのようには機能しません。彼らはその一例でTRIANGLE_STRIPインデックスを使用している

Answer 1

：

は頂点V0、 V1、V2、その後、V2、V1、V3（順番に注意してくださいを使用して一連の三角形（3辺のポリゴン）を描画します）、v2、v3、v4などとなります。 注文は、 サーフェスの一部を正しく形成できるように、三角形がすべて の同じ向きで描画されていることを確認することです。

Wikipedia - Triangle strip