three.js - 更改缓动参数

Question

我有一个补间函数，可以使用“Easing.Elastic.Out”为摄像机角度设置动画。如何更改宽松的周期和幅度？

camera.lookAt(scene);
var controls = new THREE.OrbitControls(camera, renderer.domElement);

function camTweenLeft (startAngle){
		 var prevAngle=startAngle;
		 var tween = new TWEEN.Tween({angle:startAngle})
	 	.to({angle:startAngle - 40*Math.PI/180},1000)
		.easing(TWEEN.Easing.Elastic.Out)
		.onUpdate(function(){
			controls.rotateLeft(this.angle-prevAngle);
			prevAngle=this.angle;
		})
		.start()
	 }

Answer 1

不要认为 TweenJS 公开period和amplitude更改是为了Elastic轻松，但GSAP会这样做；）即只有当您有兴趣尝试它时。

Answer 2

检查 TWEEN JS 文档作为 Three.js 使用的库，但不是它的一部分。

https://github.com/tweenjs/tween.js/blob/master/docs/user_guide.md

图表示例显示了您可以在https://github.com/tweenjs/tween.js/blob/master/examples/03_graphs.html上拥有的缓动函数

您还可以创建自己的自定义缓动函数。