supports prueba pages example developer code accelerated javascript opengl-es webgl

javascript - prueba - webgl simulation



¿Cuáles son las primitivas del sorteo de WebGL? (2)

De https://www.khronos.org/registry/webgl/specs/1.0/ :

const GLenum POINTS = 0x0000; const GLenum LINES = 0x0001; const GLenum LINE_LOOP = 0x0002; const GLenum LINE_STRIP = 0x0003; const GLenum TRIANGLES = 0x0004; const GLenum TRIANGLE_STRIP = 0x0005; const GLenum TRIANGLE_FAN = 0x0006;

He estado haciendo algunos programas de gráficos utilizando webgl para dibujar OBJMesh, pero no ha ido demasiado bien ya que no está dibujando correctamente. Creo que eso se debe a las primitivas de dibujo que estoy usando, por ejemplo: gl.drawArrays(gl.TRIANGLE_STRIP, 0, vertexBuffer.numItems);

Entonces, ¿puedo preguntar qué primitivos permite webGL? ¿Es lo mismo que OpenGL? He estado tratando de usar gl.QUADS porque pensé que lo permitiría como OpenGL, así que ya no estoy tan seguro.


Sí, WebGL dibuja las mismas primitivas que OpenGL ES (lo mismo que OpenGL). ¿Has intentado dibujar algunas mallas triviales para que puedas reducir el problema? ¿Estás configurando el descarte, dibujando el primitivo correcto, etc.?

He hecho algunas demostraciones de WebGL donde dibujo mallas complejas, y siempre uso GL_TRIANGLES (TRIANGLES). Si pruebo las mismas mallas con otras primitivas, se rompe la malla, por lo que depende de cómo se creó la malla.

Aquí están mis demos http://rodrigo-silveira.com/webgl-3d-demos/