笔记:threejs 版本不同用法

1 不同版本创建多点

旧版本：

mesh=new THREE.POINTCLOUD()

   
   

新版本: 

mesh=new THREE.POINTS()
   
   

2 不同版本创建几何体

旧版本：

geometry=new THREE.Geometry()
   
   

 对应的顶点赋值方式 : 

geometry.vertices = points;

   
   

 新版本:

geometry= new THREE.BufferGeometry()

   
   

对应的顶点赋值方式:

geometry.setFromPoints(points);
   
   

3  不同版本设置属性

旧版本:

bufferGeometry=new THREE.BufferGeometry()
bufferGeometry.addAttribute()

新版本： 

bufferGeometry=new THREE.BufferGeometry()
bufferGeometry.setAttribute()

顺便记录一下:

因为设置属性里面的数据要符合webgl风格，方便webgl引擎渲染，所以选择了Float32Array;

方式一: new THREE.BufferAttribute(）

let positions = new Float32Array(points.length * 3);
for (let i = 0; i < points.length; i+=1){
   /// percents[i] = 
}
bufferGeometry.addAttribute('position', new THREE.BufferAttribute(positions, 3));

方式二: new THREE.Float32BufferAttribute()

let vertices=[];
points.forEach((pt)=>{
 vertices.push(pt.x,pt.y,pt.z)
})
geo.setAttribute( 'position', new THREE.Float32BufferAttribute( vertices, 3 ) );

显然方式二方便开发，将数组和每个分量的长度传入，Float32BufferAttribute方法会自动将数组转换为Float32Array格式；