Three.js 从点列表中绘制椭圆

Question

我正在用 Three.js 编写太阳能系统 model。 我有一个 function 计算行星 position 给定一天，但是我无法从从 ZC1C425268E68385D1AB5074C1 获得的点列表开始绘制行星的正确轨道（椭圆）找到了一个例子，我该怎么做？

编辑：这些是我的功能，一个用于绘制椭圆，一个用于移动行星

function drawOrbitTest(orbit) {

  var material = new THREE.LineBasicMaterial({ color: 0xffffff });

  var points = [];

  for (var i = 0; i < orbit.orbitPeriod; i += 7) {
    //basically what i'm trying to do here is calculating the position of the planet 
    //with an increment of one week for cycle
    if (orbit.orbitPeriod - i <= 7) {
      var endPoint = calcPosition(orbit, Date.now() + 86400 * 1000 * orbit.orbitPeriod);
      points.push(new THREE.Vector3(endPoint.x * AU, endPoint.y * AU, endPoint.z * AU));
      break;
    } else {
      var middlePoint = calcPosition(orbit, Date.now() + 86400 * 1000 * i);
      points.push(new THREE.Vector3(middlePoint.x * AU, middlePoint.y * AU, middlePoint.z * AU));
    }
  }

  var shape = new THREE.Shape(points);
  var geomShape = new THREE.ShapeBufferGeometry(shape);
  var material = new THREE.LineBasicMaterial(orbit.color);
  var ellipse = new THREE.Line(geomShape, material);
  scene.add(ellipse);
}

和

function rotateOnEllipse(obj, date) {
  var res = calcPosition(obj.orbit, date);
  obj.mesh.position.x = res.x * AU;
  obj.mesh.position.y = res.y * AU;
  obj.mesh.position.z = res.z * AU;
}

编辑 2：我遵循@prisoner849 的建议，现在它起作用了，行星在它们的轨道上移动。 然而，现在的轨道更像是一个“环”而不是一个椭圆； 为什么画成这样？

Answer 1

线条渲染中的问题是由 function 中的错误引起的

 calcPosition(orbit,date)

（如果用 date 和 date+orbitPeriod 调用，它会返回略有不同的点）。

@prisoner849 的建议对我有用