在计算机中,所有的图像都是有三角形组成,绘制立方也是通过绘制三角形。立方体有6个面,每个面需要2个三角形,每个三角形3个定点,因此需要绘制12个三角形即36个点。但立方体本来只有6个定点定点就可以确定了,如何优化点这些冗余的数据呢?答案就是IBO(indexbufferobject),在一个vbo中,保存这6个定点,指定36个定点时,通过索引从这6个定点中取值,下面就来看看IBO绘制立方体的方法。
另外,为了是代码更加简洁,将一些向量和矩阵的计算抽离到了功能的文件MathUtils.js文件中,内容如下
在html中,先引入上面的脚本,修改html如下: