CODEWITHSUNDEEP
three.js
Chiawen
Chiawen

Reputation: 11769

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

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

http://jsfiddle.net/q4w56/y655cwqt/5/

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

Upvotes: 0

Views: 3832

Answers (1)

WestLangley
WestLangley

Reputation: 104783

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

Upvotes: 1

Related Questions