动画与绿色摇滚曲线

时间:2013-05-30 12:17:26

标签: greensock

是否可以使用绿色袜子为物体设置动画,使它们沿着弯曲的路径移动?

我更喜欢使用greensock而不是jquery,因为我听说greensock对于动画效率更高。

2 个答案:

答案 0 :(得分:4)

答案 1 :(得分:0)

您可以使用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