3

Three triangles are rotating clockwise around the y-axis. However, there are some "surface elimination" problems when the triangles overlap. All the time, only one triangle remains in front. I have OR ED, the DEPTH_BUFFER_BIT and depthMask enabled too, so the depth buffer is writable. But this does not solve my problem.

I am unable to paste the full project's code here, but I may provide the draw function below.

function draw() {

  if (objects.length != 0) {
    gl.clearColor(0, 0, 0, 1)
    gl.depthMask(true)
    gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT)

    for (var index = 0; index < objects.length; index++) {
      gl.uniformMatrix4fv(program.perspectivePointer, false, program.perspectiveMatrix)
      gl.uniformMatrix4fv(program.worldTransformPointer, false, program.worldTransformMatrix)
      gl.bindBuffer(gl.ARRAY_BUFFER, masterVertexBuffer)
      gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(objects[index].getVertexList()), gl.STATIC_DRAW)
      gl.bindBuffer(gl.ARRAY_BUFFER, colorBuffer)
      gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(objects[index].getColorList()), gl.STATIC_DRAW)
      gl.drawArrays(gl.TRIANGLE_STRIP, 0, 3)
    }
  }
  requestAnimationFrame(draw, program)
}

Please ask for the any other stuff, if needed. I have also tried depth sorting, but no luck.

genpfault
  • 51,148
  • 11
  • 85
  • 139
user10347769
  • 95
  • 2
  • 2
    `gl.enable(gl.DEPTH_TEST);`. But that's just a guess; the question needs *entire* code posted here. If it's too long, simplify it to show just the problem. – Bartek Banachewicz Sep 12 '18 at 07:52
  • by "surface elimination", do you mean Z-fighting? https://en.wikipedia.org/wiki/Z-fighting – pleup Sep 12 '18 at 10:32

0 Answers0