title: How to animate and object along an elliptical path [Three.js]?
body: <p>I am trying to move an Object3D group along a specific ellipse. I got it to move in a circle successfully using:</p>
  
  <pre><code>group.position.x = Math.cos(toRadians(loc+=5)) * radius;
  group.position.z = Math.sin(toRadians(loc+=5)) * radius;
  </code></pre>
  
  <p>However, I want it to follow a specific 3 dimensional ellipse. I have the ellipse made successfully and visualized here:</p>
  
  <pre><code>curve = new THREE.EllipseCurve(0,0,80,60,0,toRad(360),false);
  path = new THREE.Path( curve.getPoints( 2000 ) );
  var geo = path.createPointsGeometry( 50 );
  
  ellipse = new THREE.Line(
      geo,
      new THREE.LineBasicMaterial( { color : 0xff0000 } ) 
  );
  DISPLAY.scene.add(ellipse);
  ellipse.rotation.x=toRadians(94);
  ellipse.rotation.y=toRadians(12);
  </code></pre>
  
  <p>And I try to animate it like this (outside my 'render' function):</p>
  
  <pre><code>var pathAnim = new PathAnimation(group, path, 0.4);
  </code></pre>
  
  <p>Or even like this: (within the render function)</p>
  
  <pre><code>group.position=path.getPoint(t+=0.01); //i've tried getPoints, getPointAt, etc..
  </code></pre>
  
  <p>It doesn't seem to work. Any ideas as to how I can get this working? Thanks</p>