Hi all, I’m trying to get a depth texture that contains only opaque objects and color texture contains all. I do as follows: let target = new THREE.WebGLRenderTarget( window.innerWidth, window.innerHeight ); target.texture.minFilter = THREE.NearestFilter; target.texture.magFilter = THREE.NearestFi…

Thanks for the answer. // depth pass water.visible = false; // we don't want the depth of the water scene.overrideMaterial = depthMaterial; renderer.setRenderTarget(renderTarget); renderer.render(scene, camera); renderer.setRenderTarget(null); scene.overrideMaterial = null; water…

How to get depthtexture on WebGLRenderTarget that contains only opaque objects

Questions

mjurczyk January 29, 2024, 4:22pm 2

This thread and the attached example code may be helpful - you can switch off certain elements, render the depth texture, then switch the elements back before color is rendered.

Topic		Replies	Views
WebGLRenderTarget depthTexture behaves differently in Safari, Chrome and Firefox Questions render-target , shader-material , depth-texture	4	3169	May 3, 2019
Only show opaque objects behind transparent objects Questions webgl-renderer	3	1436	October 30, 2018
Use actual depthBuffer as texture in shader Questions depth-texture	2	2147	November 25, 2019
Using depth + mask-image as a way to occlude css3D elements Questions textures	3	496	August 6, 2023
Using depth texture in ShaderPass Questions depth-texture	7	7348	November 26, 2019

How to get depthtexture on WebGLRenderTarget that contains only opaque objects

Related topics