title: Using TransformControls with OutlinePass in THREE.js
body: <p>I'm trying to add an OutlinePass described in <a href="https://stackoverflow.com/questions/26341396/outline-a-3d-object-in-three-js/39693948">outline a 3d object in three.js</a>.  I'm using TransformControls to move objects in my scene.  However, whenever I try to outline an object, it looks like the TransformControls are being outlined as well.  This is especially prominent when the hiddenEdgeColor is lighter.</p>
  
  <p>You can see an example where I added a TransformControl to the <a href="https://threejs.org/examples/?q=out#webgl_postprocessing_outline" rel="nofollow noreferrer">OutlinePass demo</a> provided by THREE.js:</p>
  
  <p><a href="https://jsfiddle.net/ye0e47dv/3/" rel="nofollow noreferrer">https://jsfiddle.net/ye0e47dv/3/</a></p>
  
  <p>I added this snippet:
  <div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>let gizmo = new THREE.TransformControls(camera, renderer.domElement);
  scene.add(gizmo);
  gizmo.attach(floorMesh);</code></pre>
  </div>
  </div>
  </p>
  
  <p>If you select any object other than the ground, you'll see the TransformControls light up.</p>