08 Lo que Three.js escribe por ti

Lo que Three.js prepara por ti

Haz clic en un nombre del código para ver su equivalente en Three.js.

Rotación del modelo0.60

-3.143.14

Se ejecuta una vez por vérticeArrastra los números o edita el código

void main() {
  vec3 p = aPosition;
  vColor = aColor;
  vUv = aUv;
  vNormal = uNormalMatrix * aNormal;
  vec4 world = uModel * vec4(p, 1.0);
  vWorld = world.xyz;
  gl_Position = uProjection * uView * world;
}

void main() {
  vec3 p = aPosition;
  vColor = aColor;
  vUv = aUv;
  vNormal = uNormalMatrix * aNormal;
  vec4 world = uModel * vec4(p, 1.0);
  vWorld = world.xyz;
  gl_Position = uProjection * uView * world;
}

Lado JSgl.uniformMatrix4fv(uModel, …) // rotación 0.60 / 0.10

Three.js prepara datos de geometría, matrices y un prefijo de compilación: aPosition ↔ position, uProjection ↔ projectionMatrix.

Pruébalo

Haz clic en uModel en el código y lee su nombre en Three.js