[straight path animation with one bezier curve]

Thank you Chrysto!  you make my day 

[straight path animation with one bezier curve]

Thank you so much

one more question: how can I make it automatically run and loop without a button and also make the object's speed a bit slower? 

[straight path animation with one bezier curve]

hi there~ 

I wanna create a car animation from point1 to point4 and always starting from point1(loop).  As the pic shown below, point1 to point2 and point3 to point4 are straight lines.  Only point2 to point3 is in bezier curve.  How can I make it works?!  please help~ thanks a lot

 

Here's my code below

<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 },
		],
	},
	ease: Linear.easeNone,
	repeat: -1
});
</script>