three.js - How to use Object3d.renderOrder to control the z-index ?

Question

This, and this mentioned rederOrder, but it is undocumented. I set up a jsfiddle and it does not work, what is wrong?

// now mesh1 should be always on top of mesh2  
mesh1.renderOrder = 1 
mesh2.renderOrder = 0

score 1 · Accepted Answer · edited May 23 '17 at 11:51

1

Setting renderOrder in three.js does not cause a renderable object to be "on top". It just controls the rendering order. It can be a useful tool if some objects are transparent. If all objects in the scene are opaque, changing the rendering order will (in typical use cases) have no effect on the rendered output.

See this answer if you want some objects to render "on top".

three.js r.79

edited May 23 '17 at 11:51

Community

1
1

answered Jul 15 '16 at 01:59

WestLangley

102,557
10
276
276

This is a rather late question, but does changing the renderOrder incur any cost? (internal reorganization of buffers and whatnot) – synchronizer Feb 25 '18 at 18:53
1

No, it does not. – WestLangley Feb 25 '18 at 18:57

three.js - How to use Object3d.renderOrder to control the z-index ?

1 Answers1