swap indices so triangles face the same direction

gfxfundamentals · Dec 24, 2022 · 4258b95 · 4258b95
1 parent 47cc85f
commit 4258b95
Show file tree

Hide file tree

Showing 6 changed files with 23 additions and 13 deletions.
diff --git a/webgl/lessons/ko/webgl-instanced-drawing.md b/webgl/lessons/ko/webgl-instanced-drawing.md
@@ -69,11 +69,11 @@ gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([
     -0.1,  0.4,
     -0.1, -0.4,
      0.1, -0.4,
-     0.1, -0.4,
     -0.1,  0.4,
+     0.1, -0.4,
      0.1,  0.4,
-     0.4, -0.1,
     -0.4, -0.1,
+     0.4, -0.1,
     -0.4,  0.1,
     -0.4,  0.1,
      0.4, -0.1,

diff --git a/webgl/lessons/webgl-instanced-drawing.md b/webgl/lessons/webgl-instanced-drawing.md
@@ -73,11 +73,11 @@ gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([
     -0.1,  0.4,
     -0.1, -0.4,
      0.1, -0.4,
-     0.1, -0.4,
     -0.1,  0.4,
+     0.1, -0.4,
      0.1,  0.4,
-     0.4, -0.1,
     -0.4, -0.1,
+     0.4, -0.1,
     -0.4,  0.1,
     -0.4,  0.1,
      0.4, -0.1,

diff --git a/webgl/lessons/zh_cn/webgl-instanced-drawing.md b/webgl/lessons/zh_cn/webgl-instanced-drawing.md
@@ -73,8 +73,18 @@ gl.bindBuffer(gl.ARRAY_BUFFER, positionBuffer)
 gl.bufferData(
     gl.ARRAY_BUFFER,
     new Float32Array([
-        -0.1, 0.4, -0.1, -0.4, 0.1, -0.4, 0.1, -0.4, -0.1, 0.4, 0.1, 0.4, 0.4,
-        -0.1, -0.4, -0.1, -0.4, 0.1, -0.4, 0.1, 0.4, -0.1, 0.4, 0.1
+      -0.1,  0.4,
+      -0.1, -0.4,
+       0.1, -0.4,
+      -0.1,  0.4,
+       0.1, -0.4,
+       0.1,  0.4,
+      -0.4, -0.1,
+       0.4, -0.1,
+      -0.4,  0.1,
+      -0.4,  0.1,
+       0.4, -0.1,
+       0.4,  0.1,
     ]),
     gl.STATIC_DRAW
 )

diff --git a/webgl/webgl-instanced-drawing-not-instanced.html b/webgl/webgl-instanced-drawing-not-instanced.html
@@ -76,11 +76,11 @@
       -0.1,  0.4,
       -0.1, -0.4,
        0.1, -0.4,
-       0.1, -0.4,
       -0.1,  0.4,
+       0.1, -0.4,
        0.1,  0.4,
-       0.4, -0.1,
       -0.4, -0.1,
+       0.4, -0.1,
       -0.4,  0.1,
       -0.4,  0.1,
        0.4, -0.1,

diff --git a/webgl/webgl-instanced-drawing-projection-view.html b/webgl/webgl-instanced-drawing-projection-view.html
@@ -87,11 +87,11 @@
       -0.1,  0.4,
       -0.1, -0.4,
        0.1, -0.4,
-       0.1, -0.4,
       -0.1,  0.4,
+       0.1, -0.4,
        0.1,  0.4,
-       0.4, -0.1,
       -0.4, -0.1,
+       0.4, -0.1,
       -0.4,  0.1,
       -0.4,  0.1,
        0.4, -0.1,

diff --git a/webgl/webgl-instanced-drawing.html b/webgl/webgl-instanced-drawing.html
@@ -83,11 +83,11 @@
       -0.1,  0.4,
       -0.1, -0.4,
        0.1, -0.4,
-       0.1, -0.4,
       -0.1,  0.4,
+       0.1, -0.4,
        0.1,  0.4,
-       0.4, -0.1,
       -0.4, -0.1,
+       0.4, -0.1,
       -0.4,  0.1,
       -0.4,  0.1,
        0.4, -0.1,
@@ -170,7 +170,7 @@
 
     // Tell WebGL how to convert from clip space to pixels
     gl.viewport(0, 0, gl.canvas.width, gl.canvas.height);
-
+gl.enable(gl.CULL_FACE);
     gl.useProgram(program);
 
     // setup all attributes