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 
]; 

을해야하는 이유 그냥이 모질라 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