用綠色曲線繪製動畫

Question

使用綠色襪子可以使物體沿着彎曲路徑移動嗎？

我更喜歡使用greensock over jquery，因爲我聽說greensock對動畫更有效率。

Answer 1

當然，也有BezierPlugin（http://api.greensock.com/js/com/greensock/plugins/BezierPlugin.html）

Answer 2

您可以使用BezierPlugin （http://api.greensock.com/js/com/greensock/plugins/BezierPlugin.html）

例如：

var path = [{x:"+=200",y:"+=100"}, 
       {x:"+=100",y:"+=300"}, 
       {x:"+=0",y:"+=0"} 
       ]; 
    TimelineLite.to("#elem",5,{bezier:{autoRotate:true,curviness:2,values:path}}); 

https://codepen.io/tvalentius/pen/rezzrv