三.js将盒子旋转到鼠标位置不起作用

Three.js rotate boxes towards mouse position doens't work

本文关键字：鼠标 位置 不起作用 旋转 js 盒子      更新时间：2023-09-26

我有几个随机生成的框，我想向鼠标位置旋转。我试图获取鼠标位置，然后使用lookAt(mouse3D)将框向鼠标坐标旋转，但它们根本不会改变它们的旋转。我甚至不希望它们在 3D 空间内向鼠标位置旋转，只需朝向屏幕上的鼠标位置旋转即可。

目前我得到这样的鼠标位置：

function onDocumentMouseMove( event ) {
            mouse3D = new THREE.Vector3(
                 ( event.clientX / window.innerWidth ) * 2 - 1,
                 - ( event.clientY / window.innerHeight ) * 2 + 1,
                 camera.position.z );
}

这是我发现的一个例子，我无法将其应用于我的问题：http://mrdoob.github.io/three.js/examples/misc_lookat.html

我用我目前的方法创建了JSFiddle：

https://jsfiddle.net/nrub93m7/

我刚刚将此方法添加到您的jsfiddle链接中：

function onDocumentMouseMove( event ) 
{
  mouse3D = new THREE.Vector3( event.clientX, event.clientY, 0);
}
相关文章：