title: using renderOrder in three.js
body: <p>I want to have two overlapping objects in a scene but I want to define which object should be drawn first. I have a sample of the code here: <a href="http://jsfiddle.net/sg02e5sm/1/" rel="nofollow">http://jsfiddle.net/sg02e5sm/1/</a></p>
  
  <p>I'm using <code>renderOrder = 1</code> for the second object to make it appear always on top of the first object (as long as they have the same Z value), but it's not working.</p>