Why does a transparent object not appear behind another?

trusktr · January 30, 2023, 6:07am

Yeah, I’m thinking it might be something like that too.

EDIT: Yeah, looks like it is not possible, this is the order in the renderer:

mrdoob/three.js/blob/fcd98c86e81f62ba11ed4c4c7cd560d9dc82ba2f/src/renderers/WebGLRenderer.js#L1216-L1222


      
          		if ( transmissiveObjects.length > 0 ) renderTransmissionPass( opaqueObjects, scene, camera );
          
          		if ( viewport ) state.viewport( _currentViewport.copy( viewport ) );
          
          		if ( opaqueObjects.length > 0 ) renderObjects( opaqueObjects, scene, camera );
          		if ( transmissiveObjects.length > 0 ) renderObjects( transmissiveObjects, scene, camera );
          		if ( transparentObjects.length > 0 ) renderObjects( transparentObjects, scene, camera );

It renders only opaqueObjects first, then anything that is transmissive (like the refracting stone).

Another thread that mentions it:

Topic		Replies	Views
How to render transparent Object in correct order or looks like right？ Questions materials	4	998	February 8, 2023
Only show opaque objects behind transparent objects Questions webgl-renderer	3	1250	October 30, 2018
Easiest way to set rendering order for transparent objects Questions transparency , render	3	4891	August 22, 2023
Multi-layered transmission Questions materials , geometry , shaders , rendering	1	501	October 15, 2022
ThreeJS and the transparent problem Questions transparency	39	27124	June 9, 2022

Why does a transparent object not appear behind another?

Related Topics