Three.js 라인은 Canvas 렌더러에서 작동하지 않지만 WebGL 렌더러에서 작동합니다.

Question

다른 WebGL 브라우저 및 WebGL에서 Canvas 렌더러를 사용하고 싶습니다. 내 코드는 webGL 렌더러에서 잘 작동하지만 캔버스 렌더러에서는 THREE.Line이 표시되지 않습니다.

//Edges 
var edgeMat = new THREE.LineBasicMaterial({ 
    color: 0x000000, 
    opacity: 0.6 
}); 

for (var edgeId in graph.edgesl) { 

    var nodeInId = graph.edgesl[edgeId]; 
    var nodeOutId = graph.edgesr[edgeId]; 

    var edgeGeom = new THREE.Geometry(); 
    edgeGeom.vertices.push(new THREE.Vertex(nodes[nodeInId].position)); 
    edgeGeom.vertices.push(new THREE.Vertex(nodes[nodeOutId].position)); 

    var drawingLine = new THREE.Line(edgeGeom , edgeMat); 

    //Store In, Out node ID 
    drawingLine.inNodeId = nodeInId; 
    drawingLine.outNodeId = nodeOutId; 

    nodes[nodeInId].edges.push(drawingLine); 
    nodes[nodeOutId].edges.push(drawingLine); 

    //Meshes additionally need also dynamic flag enabled (to keep internal typed arrays). 
    drawingLine.dynamic = true; 

    scene.addObject(drawingLine); 

    edges.push(drawingLine); 

} 

누구나 아이디어가 있으십니까?

감사합니다! R45 scene.addObject(drawingLine);에서

Answer 1

이어야합니다 지금 scene.add(drawingLine);

여기

같은 문제 :

Three.js not scaling or rotating Mesh on render()