Javascript 使用多个材质绘制一条直线
我需要一次画150000多条线,以便在3J上啮合。最快的方法是添加所有顶点并将对象绘制为一条直线:Javascript 使用多个材质绘制一条直线,javascript,three.js,line,Javascript,Three.js,Line,我需要一次画150000多条线,以便在3J上啮合。最快的方法是添加所有顶点并将对象绘制为一条直线: for (var n=0; n < nodeNos.length; n++) { var thisNodeNo = nodeNos[n]; elemGeo.vertices.push(new THREE.Vector3(meshNodes[thisNodeNo].x, meshNodes[thisNodeNo].y, meshNodes[thisNodeNo].z));
for (var n=0; n < nodeNos.length; n++) {
var thisNodeNo = nodeNos[n];
elemGeo.vertices.push(new THREE.Vector3(meshNodes[thisNodeNo].x, meshNodes[thisNodeNo].y, meshNodes[thisNodeNo].z));
}
var lineMat = new THREE.LineBasicMaterial({
linewidth: 1,
color: 0xffffff
});
var line = new THREE.Line(elemGeo, lineMat);
for(var n=0;n
我可以更改线条的颜色,但由于这不支持rgba(我需要线条的部分透明),因此没有帮助
你知道如何用不同的材料分割这条线吗 使用three.js r.72和
BufferGeometry.addGroup()
,您就可以做到这一点。但是使用THREE.Line
或THREE.LineSegments
渲染单独的线同样容易。您可以使用THREE.LineSegments或仅使用颜色渲染单独的材质吗?