如何在3D中添加线条？

Question

我使用three.js渲染了一个3D人体模型，我想知道如何添加像我在3D图像上用红色线绘制的角度线。

Answer 1

在您的示例中看起来就像是您只想在3D画布上绘制2D线条。如果这确实是你想要的那么你也可以简单地使用2D画布来做到这一点。实施起来会容易得多。

Answer 2

如果要在3D空间中创建线条，可以使用

THREE.EllipseCurve:

var curve = new THREE.EllipseCurve(
    0,  0,            // ax, aY
    10, 10,           // xRadius, yRadius
    0,  2 * Math.PI,  // aStartAngle, aEndAngle
    false,            // aClockwise
    0                 // aRotation 
);

var path = new THREE.Path( curve.getPoints( 50 ) );
var geometry = path.createPointsGeometry( 50 );
var material = new THREE.LineBasicMaterial( { color : 0xff0000 } );

// Create the final Object3d to add to the scene
var ellipse = new THREE.Line( geometry, material );

来源here