title: Three JS dashed line material not showing
body: <p>I'm trying to create lines with a dashed pattern, but somehow the material isn't reflected on the line I'm creating and I just can't see what I'm doing wrong here...</p>
  
  <p>I'm using code from <a href="http://threejs.org/examples/webgl_lines_dashed.html" rel="noreferrer">this</a> example, which should produce this:</p>
  
  <p><a href="https://i.stack.imgur.com/jm43v.png" rel="noreferrer"><img src="https://i.stack.imgur.com/jm43v.png" alt="enter image description here"></a></p>
  
  <p>When I take the following code:</p>
  
  <pre><code>var geometry = new THREE.Geometry();
  geometry.vertices.push(new THREE.Vector3(0,0,0));
  geometry.vertices.push(new THREE.Vector3(100,0,0));
  
  var material = new THREE.LineDashedMaterial({ color: 0xffaa00, dashSize: 3, gapSize: 1, linewidth: 2 });
  
  var mesh = new THREE.Line(geometry, material);
  scene.add(mesh);
  </code></pre>
  
  <p>This is what I get:</p>
  
  <p><a href="https://i.stack.imgur.com/viFKH.png" rel="noreferrer"><img src="https://i.stack.imgur.com/viFKH.png" alt="enter image description here"></a></p>
  
  <p>Any hint would be appreciated!</p>