网站建设与管理教程 全套seo查询seo

线模型Line渲染顶点数据

下面代码是把几何体作为线模型Line (opens new window)的参数，你会发现渲染效果是从第一个点开始到最后一个点，依次连成线。

// 线材质对象
const material = new THREE.LineBasicMaterial({color: 0xff0000 //线条颜色
}); 
// 创建线模型对象
const line = new THREE.Line(geometry, material);

线模型LineLoop、LineSegments

threejs线模型除了Line，还提供了LineLoop (opens new window)、LineSegments (opens new window)，区别在于绘制线条的规则不同。

// 闭合线条
const line = new THREE.LineLoop(geometry, material); 

//非连续的线条
const line = new THREE.LineSegments(geometry, material);