JavaScript Render objects on top using renderDepth with Three.js

I'm trying to render objects on top of other objects.

In the fiddle, get the green torus knots to render on top of the red boxes and floor.

I've been trying mesh.renderDepth = 0, 1, 1000 and changes nothing.

The material has been created like so:

  material = new THREE.MeshBasicMaterial( { color: 0x00ff00, transparent: true, opacity: 0.5 } );

How can I achieve this using renderDepth? Am I missing any other setting?

Using depthTest to true works but is not acceptable because concave meshes (like the torus) suffer from overlapping polygons, especially when opaque.

And while I haven't managed to get this other solution with two scenes running, it strikes me as having more overhead and perhaps less flexible than just using renderDepth

Fully working JSFiddle: http://jsfiddle.net/QHssJ/

Thanks for the help

Answer:1

How can I run a script again without refreshing the whole page?

If you look at greenb.byethost12.com you will see what I have developed so far. As of now, when you click on the correct answer, it document.location.reload(index.php) The whole page refreshes. What ...

If you look at greenb.byethost12.com you will see what I have developed so far. As of now, when you click on the correct answer, it document.location.reload(index.php) The whole page refreshes. What ...

IE9+ is messing up my JSON object

I was furious when i could not figure out why my app was working fine in Chrome but not IE. After hours of looking at my back end making sure my JSON was coming through to each browser correctly, I ...

I was furious when i could not figure out why my app was working fine in Chrome but not IE. After hours of looking at my back end making sure my JSON was coming through to each browser correctly, I ...

Getting scrollTop() to perform only once

I want scrollTop to trigger only once, so that the red box doesn't appear again after it has been closed with the button. I know there is .one(), but I have no idea how to apply it to my code. Below ...

I want scrollTop to trigger only once, so that the red box doesn't appear again after it has been closed with the button. I know there is .one(), but I have no idea how to apply it to my code. Below ...

On Click of button change Text inside <script> tags using jquery or javascript or php

Below is the code in which changeme is the text i want to change on the click of the button. HTML code and JS is below: 1) whatever user input in field will be capture and replace with changeme if ...

Below is the code in which changeme is the text i want to change on the click of the button. HTML code and JS is below: 1) whatever user input in field will be capture and replace with changeme if ...

  1. click button change text javascript
  2. click button change image javascript
  3. click button change color
  4. click button change background color css
  5. click button change text jquery
  6. click button change color css
  7. click button change image
  8. click button change color jquery