Question

我正在尝试使用WebGL和Three.js，但是如何在移动鼠标时计算Z轴协调？

我将它用于X和Y：

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

如何获得Z协调？

编辑：我找到了这个例子，但是我自己也搞清楚了...... https://github.com/mrdoob/three.js/blob/master/examples/webgl_interactive_voxelpainter.html

由于

Answer 1

这是答案......

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

WebGL和Three.js中的Z轴协调

1 个答案: