Shader Learn

05 Los datos se convierten en vértices

Array de índices → triángulos

Los índices indican a la GPU qué tres puntos forman una cara; dos triángulos forman un cuadrado.

Explicación

// JS - tres índices forman un triánguloindices = [  0, 1, 2,  0, 2, 3];
p3p2p1p0
Three.jsnew THREE.BoxGeometry() guarda exactamente estos dos arrays

2 triángulos forman una cara; 12 forman un cubo.

Lado JSgl.uniformMatrix4fv(uModel, …) // rotación -0.55 / 0.35

Un array de índices une puntos en triángulos por su número; 12 triángulos forman un cubo. Eso es exactamente lo que guarda BoxGeometry de Three.js.

Pruébalo

  • Gira el cubo y busca el triángulo formado por p0, p1 y p2