Jump to content
Search Community

Search the Community

Showing results for tags 'path animation'.

  • 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 4 results

  1. I'm playing around with one of Blake's codepens from some time ago. I love the simplicity of the way it works without all the hassle of handles, etc. What I'd love to be able to do, is start with a simple line like that (with 3, maybe 4 points) and add the ability to click to remove, or click the line to add another point. Had anyone done something like this? Something that would merge the 2 in a very simple way?
  2. Hi! Does anyone have any experience in animating paths (drawSvg style) with greensock in Animate CC? Does drawSvg translate in to use in Animate CC? regards,
  3. Hi guys, I looked at your example here http://codepen.io/GreenSock/pen/epXvKg and am excited that you can animate elements along a path using the MorphSVGPlugin. I assume that the element that should be animated needs to reside inside that SVG as per the example? I for example have a specific ball image around which I need to animate "fizzing" bubbles. Any ideas on how to accomplish a curving path motion if not SVG?? Thanks!
  4. 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>
  • Create New...