Search the Community
Showing results for tags 'bezier curve'.
Found 2 results
-
Hi, I am trying to create movement of 6 items via bezier path, with ability to move them together on 1/6 of path (or for some distance) left or right. However, one of the problem is old engine, and I am not sure if it is possible to make. I am new to gsap, so it is a bit old version before I found autoRotate) However it's around what I need, but I am looking for ability to move left or right on some distance on bezier path and then pause. * VERSION: 2.1.2 * DATE: 2019-03-01 * UPDATES AND DOCS AT: http://greensock.com * * Includes all of the following: TweenLite, TweenMax, TimelineLite, TimelineMax, EasePack, CSSPlugin, RoundPropsPlugin, BezierPlugin, AttrPlugin, DirectionalRotationPlugin
-
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>
