Display cube when overlapped?

Posted by lptrung on Stack Overflow See other posts from Stack Overflow or by lptrung
Published on 2012-06-26T07:29:45Z Indexed on 2012/06/26 9:16 UTC
Read the original article Hit count: 123

Filed under:

three.js

Hi all!
I have a problem when run animation with three.j. See example: http://jsfiddle.net/5ywdE/13/
When the green cube is rotated to position of the blue cube, the red cube will be rotated.
Question: why is the blue cube displayed while the green blue is in front of it. I want the green cube is displayed in front of the blue cube (like so the red cube is displayed in front of all). Can I set the cube which will be displayed in front of other cube in case of overlapped?
What am I doing wrong??

Thanks in advance

Related posts about three.js

Three.js Collada import animation not working

as seen on Game Development - Search for 'Game Development'
I've been trying to export a Collada animated model to three js. Here is the model: http://bayesianconspiracy.com/files/model.dae It is imported properly(I can see the model) but I can't get it to animate. I've been using the two Collada examples that come with Three js. I've tried just replacing… >>> More
mouse to Three.js world coordinates during TrackballControls

as seen on Stack Overflow - Search for 'Stack Overflow'
I know there are a lot of answers how to translate the mouse coordinates to the Three.js world coordinates (I prefere this one). But I have troubles on calculating when using TrackballControls. First what I expect to do: I want to add a zoom function to my scene. Not by the mouse wheel, the user… >>> More
Multiple .obj Models in THREE.js and detecting clicked objects

as seen on Stack Overflow - Search for 'Stack Overflow'
I have been following along this example to load .obj Model using three.js. Since I needed more than one model to load so I tried this loader.addEventListener( 'load', function ( event ) { var object = event.content; object.position.y = - 80; scene.add( object ); }); loader.load( 'obj/model1.obj'… >>> More
Three.js: texture to datatexture

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm trying to implement a delayed webcam viewer in javascript, using Three.js for WebGL capabilities. I need to store frames grabbed from webcam, so they can be shown after some time (some milliseconds to some seconds). I'm able to do this without Three.js, using canvas and getImageData(). You can… >>> More
Collision Detection and Resolution in Three.js

as seen on Game Development - Search for 'Game Development'
So at the moment am making a simple game using three.js and three.firstpersonControls.js but with the current Three.js r66, they apparently removed checkWallCollision and then in the r67 firstpersonControls removed support for that collision. SO my question is how would i go about checking collision… >>> More

Developer IT