title: Draw arc within polyline THREE.JS
body: <p>I have points like this:</p>
  
  <pre><code>    "POLYLINE":[[
          {"x":"-6094.1665707632401","y":"3074.764386330728","r":""},
          {"x":"-699.22595358468595","y":"1099.941236568309","r":""},                
          {"x":"-4940.397089330264","y":"576.87996358328382","r":""},
          {"x":"-1329.5259580814709","y":"3149.4874087018579","r":"0.5163456475719181"},
          {"x":"-6094.1665707632401","y":"3074.764386330728","r":""}
      ]]
  </code></pre>
  
  <p>where x y are vertices of a polyline and r is the radius if it is an arc.
  i can manage drawing the are if this isnt possible but i would need to jump past the arc in the script</p>
  
  <pre><code>function DRAWpline(vert){
              vert = JSON.parse(vert);
              var material = new THREE.LineBasicMaterial({
                  color: 0x0000ff
              });
              var geometry = new THREE.Geometry();
  
              for (var i = 0; i &lt; vert.length; i++) {     
                  if(vert[i]['r'] != ""){
                      geometry.vertices.push(new THREE.Vector3(vert[i]['x'], vert[i]['y'], 0));
                  } else {
  
                  }
              }
  
              var line = new THREE.Line(geometry, material);
  
  
  
              scene.add(line);
          }
  </code></pre>