Question

我有几个随机生成的框，我想向鼠标位置旋转。我试图获取鼠标位置，然后使用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/

Answer 1

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

function onDocumentMouseMove( event ) 
{
  mouse3D = new THREE.Vector3( event.clientX, event.clientY, 0);
}

Three.js朝向鼠标位置旋转框不起作用

1 个答案: