Z-Axis Coordination in WebGL and Three.js

Question

I'm experimenting with WebGL and Three.js, But how to calculate the Z-Axis coordination while moving mouse?

I use this for X and Y:

  function getCoord(e) {
      X = e.layerX - canvas.offsetLeft;
      Y = e.layerY - canvas.offsetTop;
  }

how to get Z coordination?

Edit: I find this example, but can't figure it out myself... https://github.com/mrdoob/three.js/blob/master/examples/webgl_interactive_voxelpainter.html

Thanks

I find the answer, but Stackoverflow doesn't allow me to answer my question...here is the answer: catchvar.com/threejs-game-transforming-isometric-screen-co — xxx
– xxx, Commented Aug 20, 2011 at 22:03
Strange that SO doesn't let you answer your question. Maybe you have to have a certain amount of rep first? — LarsH
– LarsH, Commented Aug 21, 2011 at 3:48

xxx · Accepted Answer · 2011-08-28 00:57:56Z

1

Here is the answer...

function onDocumentMouseMove( event ) {
     event.preventDefault();
     mouse2D.x = ( event.clientX / window.innerWidth ) * 2 - 1;
     mouse2D.y = - ( event.clientY / window.innerHeight ) * 2 + 1;
}

function render() {
     mouse3D = projector.unprojectVector( mouse2D.clone(), camera );
...

answered Aug 28, 2011 at 0:57

xxx

5648 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Bart Over a year ago

You do realize you can accept your own answer? Please do so. :)

Collectives™ on Stack Overflow

Z-Axis Coordination in WebGL and Three.js

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related