更改宽松参数

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 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

可以使用的缓动功能

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

Answer 2

不要认为TweenJS会将period和amplitude公开为Elastic轻松，但GSAP会更改;）即只有您有兴趣给予一试。