javascript - Three.js problem setting the render order

Question

I'm decoding an svg using three.js and meshes clash if they overlap on the same z (esp. filled shapes and their strokes). Basically, I need a way to force rendering in the order that the children were added.

I found this: How to give Three.js objects a z-index without setting their z-coordinate?

And looked at the fiddle associated with the correct answer: http://jsfiddle.net/adt1d5b7/1/

-

Problem is, if I go to the green square and change polygonOffsetFactor: 1, and re-run the script, green remains in front of red until I rotate a bit.

Any idea how to fix it?

question from:https://stackoverflow.com/questions/66050030/three-js-problem-setting-the-render-order

Answer 1

Waitting for answers