更改缓动参数

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

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

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

graphs示例显示了您可以在https://github.com/tweenjs/tween.js/blob/master/examples/03_graphs.html中使用哪些轻松功能

您还可以创建自己的自定义缓动功能。

Answer 2

不要认为TweenJS会将period和amplitude暴露为Elastic版本，但GSAP确实会;)，也就是说，只有当你有兴趣尝试一下的时候。