Jump to content

Search the Community

Showing results for tags 'bezier curve'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • GreenSock Forums
    • GSAP
    • Banner Animation
    • Jobs & Freelance
  • Flash / ActionScript Archive
    • GSAP (Flash)
    • Loading (Flash)
    • TransformManager (Flash)

Product Groups

  • Club GreenSock
  • TransformManager
  • Supercharge


There are no results to display.

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



Personal Website



Company Website



Found 2 results

  1. 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
  2. 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>