08 Three.js 帮你做了什么

Three.js 帮你准备了什么

点代码里的名字，对照 Three.js 的输入。

模型旋转0.60

-3.143.14

每个顶点运行一次拖动数字，或直接改代码

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;
}

JS 这一侧gl.uniformMatrix4fv(uModel, …) // 旋转 0.60 / 0.10

Three.js 帮你准备了几何数据、矩阵和编译前缀：aPosition ↔ position，uProjection ↔ projectionMatrix。

试一试

点代码里的 uModel，读它对应的 Three.js 名字