具有贝塞尔曲线的GSAP动画

时间:2014-07-08 09:57:47

标签: javascript jquery gsap

我想用绿袜子的TweenMax.js创建汽车动画。
如下图所示,汽车从point1驱动到point4,但point2到point3的线是bezier曲线。
如何使它工作?!请帮忙〜非常感谢〜

pic example

这是我的JS代码:

<script type="text/javascript" src="js/TweenMax.min.js"></script>
<script type="text/javascript">
TweenMax.to( document.getElementById("car"), 10, {
    bezier: {
        type: "cubic",
        values: [
            { x: 1200, y: 445 }, 
            { x: 900, y: 520 },
            { x: 660, y: 600 }, 
            { x: 0, y: 500 }
        ],
        autoRotate: false,
    }, 
    ease: Power1.easeInOut,
    repeat: -1
});
</script>

0 个答案:

没有答案