CODEWITHSUNDEEP
three.js
Scrubs
Scrubs

Reputation: 393

How to change the zOrder of object with Threejs?

I made a scene using the webgl renderer where I put multiple 3D objects that I can select and move. However when an object is selected, I'd like to draw its axes. No problem with drawing the lines to the center of the object but I'd like them to appear in front of anything else on the scene so that they are visible even if other objects are in front - Like in Blender.

I tried to play with the renderDepth param but I don't think I understood how to use it and I didn't get any result.

Thank you for your help.

Upvotes: 34

Views: 28250

Answers (3)

WestLangley
WestLangley

Reputation: 104783

If you want some objects to render "on top", or "in front", one trick is to create two scenes -- the first scene is your regular scene, and the second scene contains the objects that you want to have on top.

First, set:

renderer.autoClear = false;

Then create two scenes:

var scene = new THREE.Scene();
var scene2 = new THREE.Scene();

Add your objects to the first scene as usual, and add the objects you want to have "on top" to the second scene.

Then, in your render() function, do this:

renderer.clear();
renderer.render( scene, camera );
renderer.clearDepth();
renderer.render( scene2, camera );

This will render the first scene, clear the depth buffer, and then render the second scene on top.

three.js r.142

Upvotes: 91

manthrax
manthrax

Reputation: 5016

for anyone reading 11 years later..

faster/hackier way to do it..

renderer.render(scene1,camera);    //This renders as normal
renderer.autoClearColor = false;
renderer.render(scene2,camera);    //Now only clears depthBuffer
renderer.autoClearColor = true;    //Resets autoClear to true

Upvotes: 0

Gangula
Gangula

Reputation: 7294

According to the answer mentioned here, you can use:

mesh.renderOrder = 999;
mesh.onBeforeRender = function( renderer ) { renderer.clearDepth(); };

If the mesh has a single material, it will render "on top".

Upvotes: 0

Related Questions