我在three.js中使用图表。 我确实绘制了不同形状的对象。 怎么做？

Question

我使用var shape = new THREE.Shape(); 。 moveTo ， lineTo使用但不完全填充图和closePath()不能使该lineTo起作用。 请告诉答案。

我的代码在这里。

var square = new THREE.Shape();
 square.moveTo(startX, startY,0);
 square.lineTo(endX, startY, 0);
 square.lineTo(endX, endY, 0);
 square.lineTo(startX, endY, 0);
 square.lineTo(startX, startY,0);

 var geometry = square.makeGeometry();  
 var square = new THREE.Line(geometry, new THREE.LineBasicMaterial({
           color: color
        }));

 return square;   

Answer 1

我在makeGeometry方法中使用的方法无法完全填充我的closePath。 现在我修改了代码var geometry = new THREE.BufferGeometry().setFromPoints(display.getPoints()); 。 这种类型可以正常工作，完全填满我的图表。

    var square = new THREE.Shape();
     square.moveTo(startX, startY,0);
     square.lineTo(endX, startY, 0);
     square.lineTo(endX, endY, 0);
     square.lineTo(startX, endY, 0);
     square.lineTo(startX, startY,0);  // closePath



var geometry = new THREE.BufferGeometry().setFromPoints(square.getPoints());    
 var square = new THREE.Line(geometry, new THREE.LineBasicMaterial({
           color: color
        }));

 return square;