在 greensock 中用曲线制作动画

Question

是否可以使用绿色袜子为物体设置动画，使其沿着弯曲的路径移动？

我更愿意使用 greensock 而不是 jquery，因为我听说 greensock 对于动画来说效率更高。

Answer 1

当然，还有BezierPlugin，在GSAP 3中被MotionPathPlugin取代了

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