WebGL 和 Three.js 中的 Z 轴协调

发布于 2024-11-30 17:52:00 字数 486 浏览 3 评论 0原文

我正在尝试 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

谢谢

原文

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

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

我爱人 2024-12-07 17:52:00

答案如下...

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

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

回复收藏 0 原文

~没有更多了~