如何在三个js中设置轨道控件的工作范围

时间:2019-04-18 05:24:13

标签: javascript three.js orbit-controls

我试图在threeJS中创建一个定向立方体,并且已经用两个视口和照相机以及它们自己的控件创建了两个场景。

提琴link

var controls = new THREE.OrbitControls( view.camera, container.domElement );

就像在小提琴中一样,您会看到主场景的轨道控制工作非常顺畅,其范围更多地取决于domElement的大小。

在较小的场景中不会发生相同的事情,因为我只有一个渲染器,并且没有为较小的窗口场景附加domElement的大小。 因为它的控件与主DOM相连,所以它无法自由旋转。

如何解决此问题,以便小场景中的多维数据集应具有更大的旋转范围。

请参见此link,但此渲染器设置为较小。

1 个答案:

答案 0 :(得分:1)

  

如何解决此问题,以便小场景中的多维数据集应具有更大的旋转范围。

如果我对您的理解正确,那么应该通过将OrbitControls.rotateSpeed设置为更高的值来实现此目标,如以下示例所示:

https://jsfiddle.net/2asqm9zn/