Can three.js set the level for CSS3DRenderer so that objects that are far away will appear in the outermost layer? I failed to set renderorder. Is there any good method for three.js?

I looked at it, and that probably didn’t solve my problem. What I want to use is CSS3DSprite to arrange objects, and then can be set according to the level, CSS3DSprite only has distance, no level. I need to set rendeOrder to set the render order just like THREE.Sprite. Can the existing three.js me…

Okay, I see what you mean now. You are looking for a way to define the render order of CSS3DSprite objects. renderOrder is currently not evaluated in CSS3DRenderer. However, since the sprites are normal HTML elements, you should be able to define the sorting via custom CSS. Any instance of CSS3DOb…

z-index is invalid under the transform transform

CSS3DRenderer hierarchy

Questions

Mugen87 May 19, 2021, 8:05am 2

Possible duplicate of: CSS3DObject is visible through webgl 3D Objects

Topic		Replies	Views
CSS3DREDNERER object Questions blending , css3drenderer	7	3822	March 29, 2022
Inaccurate perspective of CSS3DObject Questions ar , css3dobject , css3drenderer	5	443	February 21, 2024
CSS3DObject not showing in the browser Questions css-renderer	10	3347	December 18, 2020
Compound of sprites without depth(?) sorting Questions sprites , webglrenderer	9	1981	December 5, 2018
Sync DOM element movement on Z axis to be the same with WebGL 3DObject movement Questions css3drenderer	0	604	March 19, 2022

CSS3DRenderer hierarchy

Related topics