推荐：将NSDT场景编辑器加入你的3D工具链

3D工具集：NSDT简石数字孪生

几何体方法.setFromPoints()

几何体方法.setFromPoints()

章节2给大家介绍过几何体BufferGeometry顶点数据，本节课在章节2基础上，给大家介绍该几何体的一个方法.setFromPoints()。

三维向量Vector3表示顶点坐标

用三维向量Vector3表示顶点的x、y、z坐标，作为数组元素创建一组顶点坐标。

const pointsArr = [
    // 三维向量Vector3表示的坐标值
    new THREE.Vector3(0,0,0),
    new THREE.Vector3(0,100,0),
    new THREE.Vector3(0,100,100),
    new THREE.Vector3(0,0,100),
];

几何体方法.setFromPoints()

.setFromPoints()是几何体BufferGeometry的一个方法，通过该方法可以把数组pointsArr中坐标数据提取出来赋值给几何体。具体说就是把pointsArr里面坐标数据提取出来，赋值给geometry.attributes.position属性

// 把数组pointsArr里面的坐标数据提取出来，赋值给`geometry.attributes.position`属性
geometry.setFromPoints(pointsArr);
console.log('几何体变化',geometry.attributes.position);

二维向量Vector2表示顶点坐标

用二维向量Vector2表示顶点的x、y坐标，作为数组元素创建一组顶点坐标。

const pointsArr = [
    // 三维向量Vector2表示的坐标值
    new THREE.Vector2(0,0),
    new THREE.Vector2(100,0),
    new THREE.Vector2(100,100),
    new THREE.Vector2(0,100),
];

二维向量Vector2构成的数组作为.setFromPoints()的参数

geometry.setFromPoints(pointsArr);

上一篇：ThreeJS教程：生成圆弧顶点 (mvrlink.com)

下一篇：ThreeJS教程：曲线Curve简介 (mvrlink.com)