Three.js行はCanvasレンダラーでは機能しませんが、WebGLレンダラーでは機能します

Question

CanvasレンダラーをWebGL以外のブラウザーとWebGL上で使用したいと思います。 私のコードは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()