Shader Learn

05 从数据到顶点

索引数组 → 三角形

索引告诉 GPU 哪三个点连成一面;两个三角形拼成一个方形。

讲解

// JS · 三个编号连成一个三角形indices = [  0, 1, 2,  0, 2, 3];
p3p2p1p0
Three.jsnew THREE.BoxGeometry() 里存的就是这两个数组

2 个三角形拼一面;12 个拼成立方体。

JS 这一侧gl.uniformMatrix4fv(uModel, …) // 旋转 -0.55 / 0.35

索引数组用编号把点连成三角形;12 个三角形拼成一个立方体。Three.js 的 BoxGeometry 存的就是这些。

试一试

  • 转动立方体,找到 p0、p1、p2 组成的那个三角形