Three.js

Three.js教程：线模型对象

Apr 14, 2023 • 1 min read

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

工具集：NSDT简石数字孪生

线模型对象

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

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

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

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

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