Tween.js相机动画:绕一个点旋转(绕轨道)

时间:2018-12-11 20:43:43

标签: javascript animation camera orbit tween.js

我有问题。 我的相机动画效果不佳。 它从点A到点B,看向固定点,但沿一条直线。 所以当它从A移到B时 喜欢:

Bad Camera

我需要绕行轨道。

如何在不更改太多代码的情况下修复它?

代码:

var duration = 4000;
var position = new THREE.Vector3().copy(camera.position);
var targetPosition = new THREE.Vector3(-0.44, 2.21, 2.77);
var tween = new TWEEN.Tween(position)
.to(targetPosition, duration)
.easing(TWEEN.Easing.Linear.None)
.onUpdate(function () {
     camera.position.copy(position);
     camera.lookAt( controls.target );
     })
     .onComplete(function () {
     camera.position.copy( targetPosition );
     camera.lookAt( controls.target );
     controls.enabled = true;
     })
     .start();

0 个答案:

没有答案