Workaround of disabling depth testing for transparent objects?
<p>In the scene I've got only transparent objects, thus with enabled depth testing it causes objects hiding each other. I know depth testing doesn't consider any transparency, it just writes to the depth buffer looking at values of <code>z</code>. Then how to render correctly two transparent objects ?</p>

<p>I did this <code>renderer.context.disable(renderer.context.DEPTH_TEST);</code> but nothing changed</p>

<p>illustration of my concrete problem:
<a href="https://i.stack.imgur.com/M7oxn.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/M7oxn.png" alt="enter image description here"></a></p>

<p>the cube is <code>MeshLambertMaterial({color: ..., transparent: true, opacity: 0.6})</code></p>

<p>and the plane is <code>MeshLambertMaterial({color: ..., transparent: true, opacity: 0.4})</code></p>

<p>cube is rendered after plane, but if the cube is opaque then whole of it will be rendered correctly without any discarding (also look at the points they are also opaque hence are visible).</p>

<p>So how to get it consider transparency and don't care about the order of rendering as well so two transparent objects don't hide each other ? </p>