title: THREE.js how to make transparent front walls in 3d room model
body: <p>I want to make a 3d room in three.js. I want the walls, that are in front of the camera view, to become transparent as I rotate the room.</p>
  
  <p>Here is example what i need: <a href="http://jsfiddle.net/tp2f2oo4/" rel="nofollow noreferrer">http://jsfiddle.net/tp2f2oo4/</a></p>
  
  <p>It seems that solution is adding THREE.BackSide to the material.</p>
  
  <pre><code>var material2 = new THREE.MeshPhongMaterial( {
      color: 0xffffff, 
      transparent: false,
      side: THREE.BackSide
  } );
  </code></pre>
  
  <p>Indeed this works perfectly when a room acts as a single THREE.BoxGeometry,
  but in my case, every wall, ceiling, and floor are separate THREE.BoxGeometry objects. Is there any way to hide them or not rendering when are in front of the camera view?</p>