05 从数据到顶点
索引数组 → 三角形
索引告诉 GPU 哪三个点连成一面;两个三角形拼成一个方形。
习题
拖动数字,或直接改代码
// JS · 三个编号连成一个三角形indices = [ 0, 1, 2, 0, 2, 3];
Three.jsnew THREE.BoxGeometry() 里存的就是这两个数组2 个三角形拼一面;12 个拼成立方体。
JS 这一侧
gl.uniformMatrix4fv(uModel, …) // 旋转 -0.55 / 0.35索引数组用编号把点连成三角形;12 个三角形拼成一个立方体。Three.js 的 BoxGeometry 存的就是这些。
试一试
- 转动立方体,找到 p0、p1、p2 组成的那个三角形