更改缓动参数

Question

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

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

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

Answer 1

检查吐温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做;），即只有当你有兴趣试一试。