javascript - 轨迹球控制行为异常

Question

所以我一直在使用轨迹球控件，最近我注意到一个奇怪的错误，我敢说。如果您平移然后缩小您的新位置，控件开始表现得非常奇怪，拉动原点的方向(平移越大，问题越重要)。

我整理了一个 fiddle这说明了这个问题。只需平移远离球(右键单击 + 鼠标移动)。然后缩小。

我不能 100% 确定这不是我的错，但我觉得这个例子非常简单和万无一失。

以下是我启用的一些设置:

var controls = new THREE.TrackballControls(this.camera, this.renderer.domElement);
var radius = 14;// scalar value used to determine relative zoom distances
controls.rotateSpeed = 1;
controls.zoomSpeed = 1.2;
controls.panSpeed = 1;

controls.noZoom = false;
controls.noPan = false;

controls.staticMoving = false;
controls.dynamicDampingFactor = 0.3;

controls.minDistance = radius * 1.1;
controls.maxDistance = radius * 25;

controls.keys = [ 65, 83, 68 ]; // [ rotateKey, zoomKey, panKey ]

Answer 1

1. 轨迹球控件是示例的一部分，而不是库，因此您可以随意修改它。

2. 我认为正在发生的事情是“平移后缩小”在达到最大距离之前工作正常——然后相机“左右滑动”。

3. 您可以在这个更新的 fiddle 中更清楚地看到这一点，它显示了内部和外部球体:http://jsfiddle.net/z52dP/1/

4. 如果您认为可以改进代码，请在 three.js github 站点上发表建议。

three.js r.54

.