title: 2D overlay on top of 3D plane with texture
body: <p>I am trying to draw a 2D square on top of my plane but I can not get to a good solution. So far I just draw 3D lines on top of the plane.</p>
  <pre><code>geometry = new THREE.Geometry();
  geometry.vertices.push(new THREE.Vector3(HANDLES[0].position.x, HANDLES[0].position.y, HANDLES[0].position.z));
  geometry.vertices.push(new THREE.Vector3(HANDLES[0].position.x, HANDLES[1].position.y, HANDLES[0].position.z));
  geometry.vertices.push(new THREE.Vector3(HANDLES[0].position.x, HANDLES[1].position.y, HANDLES[1].position.z));
  geometry.vertices.push(new THREE.Vector3(HANDLES[0].position.x, HANDLES[0].position.y, HANDLES[1].position.z));
  geometry.vertices.push(new THREE.Vector3(HANDLES[0].position.x, HANDLES[0].position.y, HANDLES[0].position.z));
  
  material = new THREE.LineBasicMaterial( { 
    color: 0xff00f0,
    linewidth: 20 } );
  
  line = new THREE.Line(geometry, material);
  scene.add(line);
  </code></pre>
  <p>The result does not look good as the line is mixed up with the texture.</p>
  <p>Which would be the best way to draw a net 2D shape on top of a plane? I then want to use this 2D shape to select a region of interest in the plane.</p>
  <p>I guess a solution would be to use a orthographic camera + a box somehow but I would like to avoid that if possible.</p>
  <p><img src="https://i.stack.imgur.com/KzdBF.png" alt="enter image description here" /> <img src="https://i.stack.imgur.com/xpgOv.png" alt="enter image description here" /></p>
  <p>Thanks,
  Nicolas</p>