title: threejs - creating "cel-shading" for objects that are close by
body: <p>So I'm trying to "outline" 3D objects. Standard problem, for which the answer is meant to be that you copy the mesh, color it the outline color, scale it up, and then set it to only render faces that are "pointed in the wrong direction" - for us that means setting side:THREE.BackSide in the material. Eg here <a href="https://stemkoski.github.io/Three.js/Outline.html" rel="nofollow noreferrer">https://stemkoski.github.io/Three.js/Outline.html</a></p>
  
  <p>But see what happens for me <img src="https://i.stack.imgur.com/hvIoV.png" alt="here"> </p>
  
  <p>Here's what I'd like to make
  <img src="https://i.stack.imgur.com/yTXjM.png" alt="lines filled in"></p>
  
  <p>I have a bunch of objects that are close together - they get "inside" one another's outline.</p>
  
  <p>Any advice on what I should do? What I want to be seeing is everywhere on the rendered frame that these shapes touch the background or each other, there you have outline.</p>