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

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