更改緩動參數

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做;），即只有當你有興趣試一試。