title: Three.js Line Thickness using MeshLine in 2021?
body: <p>I wished to draw a curved line in Three.js with a thickness greater than one . After some digging, <a href="https://github.com/spite/THREE.MeshLine" rel="nofollow noreferrer">Three.MeshLine</a> used to be the answer. However, I've seen a few reports (and can confirm from my own usage) that the code given on the repo example triggers a &quot;Class constructor cannot be invoked without 'new'&quot; error and kills the line.</p>
  <p>Curious if anybody has found a way to make MeshLine functional with recent versions of Three. Below is the code from the current release (last commit one year ago). Unless maybe I'm missing something or if the repo has kind of gone out the window.</p>
  <pre><code>var scene, camera, renderer, points, line;
   
  function init() {
    scene = new THREE.Scene();
    camera = new THREE.PerspectiveCamera(75, 640 / 480, 0.1, 1000);
   
    renderer = new THREE.WebGLRenderer();
    renderer.setSize(640, 480);
    document.body.appendChild(renderer.domElement);
    camera.position.z = 9;
   
    points = [];
    for (var i = -10; i &lt; 10.1; i += 0.1) {
      points.push([i, Math.sin(i), 0]);
    }
   
    line = new MeshLine();
    line.setPoints(points.flat());
   
    var material = new MeshLineMaterial({ color: new THREE.Color(0xffff00), lineWidth: 0.1, dashArray: 0.1, dashRatio: 0.2});
    material.transparent = true;
    mesh = new THREE.Mesh(line, material);
   
    scene.add(mesh);
   
    animate();
  }
   
  function animate() {
   
    renderer.render(scene, camera);
    requestAnimationFrame(animate);
  }
  </code></pre>