Javascript WebGL和Three.js中的Z轴坐标

Javascript WebGL和Three.js中的Z轴坐标,javascript,canvas,mouse,webgl,three.js,Javascript,Canvas,Mouse,Webgl,Three.js,我正在试验WebGL和Three.js, 但如何计算移动鼠标时的Z轴坐标 我对X和Y使用这个: function getCoord(e) { X = e.layerX - canvas.offsetLeft; Y = e.layerY - canvas.offsetTop; } 如何获得Z坐标 编辑:我找到了这个例子,但我自己却不明白。。。 谢谢这是答案 function onDocumentMouseMove( event ) { event.pr

我正在试验WebGL和Three.js, 但如何计算移动鼠标时的Z轴坐标

我对X和Y使用这个:

  function getCoord(e) {
      X = e.layerX - canvas.offsetLeft;
      Y = e.layerY - canvas.offsetTop;
  }
如何获得Z坐标

编辑:我找到了这个例子,但我自己却不明白。。。

谢谢

这是答案

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 );
...
这是答案

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 );
...

我找到了答案,但Stackoverflow不允许我回答我的问题……答案是:奇怪的是,这么做不让你回答你的问题。也许你必须先有一定数量的代表?我找到了答案,但Stackoverflow不允许我回答我的问题…答案是:奇怪的是,这么做不让你回答你的问题。也许你必须先有一定的代表性?你知道你可以接受自己的答案吗?请这样做。:)你知道你可以接受自己的答案吗?请这样做。:)