Cull Face Winding

Face culling removes back-facing triangles so only geometry with the configured winding remains visible.

Program

WebGL classifies triangle orientation from vertex winding. Culling can skip back faces before fragment shading.

cull_face_winding.html

<canvas id="stage" width="360" height="210"></canvas>
<script>
  gl.enable(gl.CULL_FACE);
  gl.frontFace(gl.CCW);
  gl.cullFace(gl.BACK);
  gl.drawArrays(gl.TRIANGLES, 0, 6);
</script>

winding Winding is the order of triangle vertices as seen on screen.

face culling Face culling discards front or back faces based on winding classification.