三.js OrbitControls 跟随鼠标指针答案

【问题标题】：three.js OrbitControls follow mouse pointer三.js OrbitControls 跟随鼠标指针
【发布时间】：2018-09-13 01:13:01
【问题描述】：

我为一个 3d 图形项目制作了一些用 three.js 实现的网站。

我必须使用OrbitControls 来使用鼠标滚轮进行放大/缩小。（现在我正在使用它）

但我想知道OrbitControls有一些属性可以让相机跟随鼠标指针？

参考网站在这里：https://50-jahre-hitparade.ch/

访问该站点并移动鼠标指针，相机跟随鼠标指针。

我想实现 100% 与上述网站的相机移动。

有什么解决办法吗？

谢谢。

【问题讨论】：

【解决方案1】：

我认为在该示例中，他们可能只是将 camera.rotation.x 和 .y 设置为标准化光标屏幕坐标。

【讨论】：

所以，我只检测event.screenX, event.screenY 并设置camera.rotation.x = event.screenX, camera.rotation.y = event.screenY?
不完全。您必须将事件 x/y 除以画布的宽度和高度，才能将其放入 0 - 1 个空间......然后从每个空间中减去 0.5 以使其居中......（现在你在 - 0.5 到 +0.5 空间）然后乘以您希望相机旋转多少度（以弧度为单位）......所以就像 (Math.PI*0.5) 一样，每个方向都会给你 45 度......
好的。我会查的。无论如何，你知道那个网站使用OrbitControls 或FirstPersonControls吗？
我认为他们没有使用这些控件中的任何一个。行为看起来像我描述的那样。也可能使用鼠标滚轮监听器。