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