javascript - Three.js のスムーズなカメラ コントロール スイッチ

Question

私は、ユーザーが VRControls を使用して空のオブジェクトを表示し、オブジェクトをクリックして初期化されるトラックボール コントロールを使用してお気に入りのオブジェクトを調べることができる Web サイトに取り組んでいます。これがデモです。https://jsfiddle.net/tushuhei/4f1Lum5n/6/

function focus (obj, target) {
  var dummyCamera = camera.clone();
  controls = new THREE.TrackballControls(dummyCamera);
  controls.target.set(obj.point.x, obj.point.y, obj.point.z);
  new TWEEN.Tween(camera.position)
    .to(target, 1000)
    .onComplete(function() {
      transitioning = false;
      controls.dispose();
      controls = new THREE.TrackballControls(camera);
      controls.target.set(obj.point.x, obj.point.y, obj.point.z);
  }).start();
}

TWEEN は、WebVR モードからトラックボール モードへの移行、およびその逆の移行に最適ですが、移行の最後にはまだ少しギャップがあります。これは、遷移完了フェーズでのカメラ回転のずれによるものだと思います。

カメラの位置と回転の両方を考慮して、2 つの異なるカメラ コントロール間の移行をスムーズにする方法はありますか?

ありがとうございました、