Object hidden behind transparent object

I have a WebXR controller with a marker. It is being hidden behind transparent objects and not sure how to work around it. renderOrder has been set. Any ideas ?

Opaque materials and transparent materials are divided into two seperate render queues so render orders between both are also discreet to each render queue, you can try setting transparent: true and opacity:1 on the forefront opaque object and the render order should behave as expected…

It’s often helpful to set material.depthWrite=false for materials using alpha blending (material.transparent = true). Without that, depending on render order, a material drawn first will set the depth buffer and prevent objects drawn later from appearing behind it.

2 Likes

I have that on the controller marker. I just figured it out it’s vague how the order works.

marker.renderOrder = 100;

Put it on top. Thanks.