title: 3D Curve Geometry in Three.js
body: <p>I have an array of Vector3s that define an arbitrary curved shape in 3D space.  I can render an outline of the curve in Three.js by using a <code>THREE.Geometry</code> and a <code>THREE.Line</code>, but I'd like to fill it with color.</p>
  
  <p>I tried using <code>THREE.ShapeGeometry</code> and <code>THREE.Mesh</code>, but it seems as though <code>THREE.ShapeGeometry</code> is for 2D planes only (the z-coordinates of my vertices are being ignored).  I also tried to use <code>THREE.Geometry</code> and define the faces in addition to the vertices I wanted, but had no luck.</p>
  
  <p>How should I go about doing this?</p>
  
  <p>Code:</p>
  
  <pre><code>geom.vertices = curve.getPoints(100);
  
  for (var i = 0; i &lt; 97; i++) {
      geom.faces.push(new THREE.Face3(i, i + 1, i + 2));
  }
  
  var material = new THREE.MeshNormalMaterial();
  
  obj = new THREE.Mesh(geom, material);
  scene.add(obj);
  </code></pre>