Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/three.js/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 三个.js控件跟随鼠标指针_Javascript_Three.js - Fatal编程技术网

Javascript 三个.js控件跟随鼠标指针

Javascript 三个.js控件跟随鼠标指针,javascript,three.js,Javascript,Three.js,我为一个3d图形项目制作了一些用three.js实现的网站 我必须用鼠标滚轮使用轨道控制进行放大/缩小。现在我正在使用它 但我想知道OrbitControls是否有一些特性可以让相机跟随鼠标指针 参考网站如下:https://50-jahre-hitparade.ch/ 访问该站点并移动鼠标指针,相机跟随鼠标指针 我想实现100%以上的网站的相机移动相同 有什么解决办法吗 谢谢。我想在那个例子中,他们可能只是将camera.rotation.x和.y设置为标准化的光标屏幕坐标。所以,我只检测ev

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

我必须用鼠标滚轮使用轨道控制进行放大/缩小。现在我正在使用它

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

参考网站如下:https://50-jahre-hitparade.ch/

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

我想实现100%以上的网站的相机移动相同

有什么解决办法吗


谢谢。

我想在那个例子中,他们可能只是将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的空间中,然后乘以你希望相机旋转的弧度。。就像数学一样,PI*0.5会给你每个方向45度,好的。我查一下。不管怎样,你们知道网站使用OrbitControls或FirstPersonControls吗?我想他们不会使用这两个控件中的任何一个。这种行为和我描述的一样。也可能使用鼠标滚轮侦听器。