title: three.js change path for tube while rendering
body: <p>My approach include these steps:</p>
  
  <p>1) create initial path for tube (array of positions of points)</p>
  
  <p>2) render tube based on path</p>
  
  <p>3) change path array</p>
  
  <p>4) go to step 2</p>
  
  <p>So, perhaps I need functions like these:</p>
  
  <pre><code>function morphPath(path){
  // some magic here
  return newPath;
  }
  
  function morphTube(path){
  // change tube's vertices positions based on path
  }
  </code></pre>
  
  <p>Let's say I want to render a snake that crawling around.</p>
  
  <p>I found beautiful and very complicated for me example, please give me basic understanding for how to solve my issue.</p>
  
  <p>Example - <a href="http://codepen.io/tdhooper/full/ZGPOQJ/" rel="nofollow noreferrer">http://codepen.io/tdhooper/full/ZGPOQJ/</a></p>
  
  <p>I use this function to create tube:</p>
  
  <pre><code>var geometry = new THREE.TubeGeometry( curve, 10, 3, 20, false );
  </code></pre>
  
  <p>Please, suggest me which function to use for curve creation and how to morph (not scale, not rotate, not translate tube)?</p>
  
  <p>My array of points is simple:</p>
  
  <pre><code>points = [{ x: 0, y: 0, z: 0}, { x: 1, y: 1, z: 0}, { x: 3, y: 0, z: 0}]
  </code></pre>