title: Create mesh and push new triangles in runtime
body: <p>I am trying to create a mesh that contain all triangles generate by following a path in realtime. I think problem is that geometry is not properly updated and because it not visualize nothing. Triangles are created with positions of the green cubes that follow animated over time the text Spline lines.</p>
  
  <p>how I create:</p>
  
  <pre><code>    var geometryHandFont = new THREE.Geometry();
      geometryHandFont.dynamic = true;
  
      var materialHandFont = new THREE.MeshBasicMaterial({
          color: 0xffffff, wireframe:true, side: THREE.DoubleSide
      });
  
      this.handFont = new THREE.Mesh(geometryHandFont, materialHandFont);
      this.handFont.geometry.dynamic = true;
  </code></pre>
  
  <p>How I update each frame:</p>
  
  <pre><code>        this.handFont.geometry.vertices.push(tl);
          this.handFont.geometry.vertices.push(tr);
          this.handFont.geometry.vertices.push(br);
          // triangle 2
          this.handFont.geometry.vertices.push(tr);
          this.handFont.geometry.vertices.push(br);
          this.handFont.geometry.vertices.push(bl);
  
          this.handFont.geometry.faces.push(new THREE.Face3(this.f++,this.f++,this.f++));
          this.handFont.geometry.faces.push(new THREE.Face3(this.f++,this.f++,this.f++));
          this.handFont.geometry.verticesNeedUpdate = true;
          this.handFont.geometry.elementsNeedUpdate = true;
          this.handFont.geometry.computeBoundingBox();
          this.handFont.geometry.computeFaceNormals();
          this.handFont.geometry.computeVertexNormals();
  </code></pre>
  
  <p>Code:
  <a href="http://jsfiddle.net/mcanet/6cr6R/3/" rel="nofollow">http://jsfiddle.net/mcanet/6cr6R/3/</a></p>
  
  <p>And some screenshot: <a href="https://www.flickr.com/photos/mcanet/14094429489/" rel="nofollow">https://www.flickr.com/photos/mcanet/14094429489/</a></p>
  
  <p>I am using Three.js version 67. If someone can help me with that it would be much appreciated :)</p>