如何在三个js中设置动态观察控件的工作范围

Question

我正在尝试在threeJS中创建一个方向立方体，我已经创建了两个场景，有两个视口和摄像头，以及它们自己的控件。

小提琴link

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

正如您可以在小提琴中运行并看到，主场景的环绕控件正在非常平滑地工作，并且范围更多地基于domElement的大小。

同样的事情不会发生在较小的场景中，因为我只有一个渲染器，并且没有为较小的窗口场景附加调整大小的domElement。由于它的控件附加了主DOM，这就是它不能自由旋转的原因。

我如何解决这个问题，让小场景中的立方体有更多的范围在里面旋转。

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

Answer 1

如何解决这个问题，使小场景中的立方体在内部有更多的旋转范围。

如果我理解正确的话，您应该能够通过将OrbitControls.rotateSpeed设置为更高的值来实现这一点，如下例所示：

https://jsfiddle.net/2asqm9zn/