title: Three.js - transparent planes hiding sprites
body: <p>When we add text-spites on scene, we saw that our transparent planes hide sprites, but didn't hide any 3d Objects. 
  <strong>Why is this and how to make sprites visible under transparent planes?</strong></p>
  
  <p>To look <a href="https://i.stack.imgur.com/htrIk.png" rel="nofollow noreferrer">PNG example click here</a></p>
  
  <p>My plane is:  </p>
  
  <pre><code>// transparent plane
  geometry = new THREE.PlaneGeometry(200, 200, 200);
  material = new THREE.MeshBasicMaterial({
              color: 0xa6cfe2,
              side: THREE.DoubleSide,
              transparent: true,
              opacity: 0.5,
              depthFunc: THREE.LessDepth,
          });
  </code></pre>
  
  <p>But it seems no work good.
  So, for that examle i wrote some code on fiddle, to figure out the problem:
  <a href="https://jsfiddle.net/vyLc6roq/1/" rel="nofollow noreferrer">look fidddle example</a></p>