ThreeJs的学习:Face的理解

 创建立方体的代码:




	three.js webgl - indexed instancing (single box), dynamic updates
	
	
	



	

各个顶点的表示

 ThreeJs的学习:Face的理解_第1张图片

直接用BufferGeometry创建Face
尝试着用BufferGeometry创建cubeGeometry。
// var cubeGeometry = new THREE.Geometry();
var cubeGeometry = new THREE.BufferGeometry();
但是执行后报以下错误

ThreeJs的学习:Face的理解_第2张图片

问题所在:gl.drawArrays是WebGl的Api,,BufferGeometry还缺少什么东西。

Geometry最后转换成BufferGeometry

在查找原因的过程中发现Geometry最后也会转换成BufferGeometry,所以上面的报错,还是在某个设置上出了问题。

分析threejs.js的代码
function projectObject( object, camera, groupOrder, sortObjects ) 方法
var geometry = objects.update( object ); // 这个处理把Geometry转换成BufferGeometry,attributes、drawRange、groups等信息补上

ThreeJs的学习:Face的理解_第3张图片

你可能感兴趣的:(Canvas与WebGL)