Disable depth check.

Question

I am using EffectComposer:

renderer = new THREE.WebGLRenderer(); renderer.setDepthTest(false); ... composer = new THREE.EffectComposer( renderer); 

So, I want to disable depth checking, but when I do this:

 composer.render(); var gl = renderer.context; alert(gl.getParameter(gl.DEPTH_TEST)); 

true, not false. How to disable depth check?

Thanks.

Answer 1

I understand that this is three years later, but I came across this while exploring the z-buffer in Three.js (version r73). To disable DEPTH_TEST in the renderer, I did the following (Google Chrome Version 47.0.2526.106 m):

 var renderer = new THREE.WebGLRenderer( { antialias: true }); renderer.setClearColor(0xaaaaaa); renderer.setSize(window.innerWidth, window.innerHeight); renderer.context.disable(renderer.context.DEPTH_TEST); document.body.appendChild(renderer.domElement); var render = function () { requestAnimationFrame(render); renderer.render(scene, camera); }; render(); var gl = renderer.context; alert(gl.getParameter(gl.DEPTH_TEST)); 

with the key renderer.context.disable(renderer.context.DEPTH_TEST) when creating the renderer.

At first I tried to use renderer.setDepthTest(false) , but in fact it did not load. I did not go deeper to understand whether this is simply an interaction with my existing project, an actual error or, possibly, deletion, but at the moment I recommend using only this method of work.

Answer 2

You can try

 gl.disable(gl.DEPTH_TEST);