Jump to content

Search In
  • More options...
Find results that contain...
Find results in...

PointC last won the day on September 14

PointC had the most liked content!


  • Content Count

  • Joined

  • Last visited

  • Days Won


PointC last won the day on September 14

PointC had the most liked content!

Community Reputation

8,844 Superhero

About PointC

  • Rank

Contact Methods

Profile Information

  • Gender
  • Location
    Seattle area
  • Interests
    web design, motion graphics, 3D animation, video production, all things sci-fi, Mt. Rainier hiking and my dachshunds

Recent Profile Visitors

29,615 profile views
  1. If you want a different delay or repeatDelay each time, I think I'd skip the repeat altogether. You can use an onComplete callback and then a delayedCall to restart the timeline. Here's another fork with that possibility. https://codepen.io/PointC/pen/eYOjBEq Hopefully that helps a bit. Happy tweening. PS Just a FYI — your pen is using gsap 1.16.1 which is over 4 years old. The latest is 2.1.3.
  2. Hi and welcome to the forum. If I understand your question correctly, I think you need to regroup some of the eye elements and rotate using svgOrigin for the group. Is this what you wanted to happen? https://codepen.io/PointC/pen/qBWKeav Hopefully that helps. Happy tweening.
  3. I'd probably do something like this: https://codepen.io/PointC/pen/XWrYwQK I just used the loop index to make a little delay. You could also use a function to randomly generate one. Or manually create an array of delays if you want detailed control. That's what I did in this demo. https://codepen.io/PointC/pen/yPbYRY Hopefully that helps. Happy tweening.
  4. PointC

    GreenSock loot

    Can we have comma club shirts in there too?
  5. PointC

    GreenSock loot

    I think this is still the place, but @GreenSock would need to verify that. https://www.djmdesigns.net/greensock-apparel
  6. Yeah, if you have some demo you like, we can point you in the right direction of how to animate it. A lot depends on what you're creating. Will the pieces be dynamically generated or will you be creating a simple SVG chart? What will the wedges need to do, etc. GSAP can certainly handle all the animation whether you use DOM, SVG, canvas, WebGl. Good luck with your search.
  7. There are probably some charts running around the forum here, but you'll probably have better luck and find a larger variety of examples at CodePen. Have you tried a search over there for some chart demos?
  8. Did somebody say confetti cannon? https://codepen.io/PointC/pen/RyaJmj I'd recommend going with something like what @OSUblake posted above. Simple and easy. Happy tweening.
  9. PointC

    SVG perspective

    Hi @mechaniac Welcome to the forum and thanks for joining Club GreenSock. That's a limitation of SVG for now.(SVG 2 may be different) You can't rotate those child elements in 3D space, but you can rotate the entire SVG. https://codepen.io/PointC/pen/oNvEExq Hopefully that helps. Happy tweening and welcome aboard.
  10. I think this is the thread @OSUblake was talking about. Happy tweening.
  11. Here's a little demo I did a few months ago as an answer for another thread, but maybe it'll give you some ideas. It works, but if the duration is too quick you get a chunky line. https://codepen.io/PointC/pen/NmqowR Happy tweening.
  12. https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/findShapeIndex.js
  13. Just to add my two cents here, the original pen setup is making the timeline longer on each click. That's why the reverse seemed slow to respond. @elegantseagulls offered solid advice about that solution. I'd also like to point out that you need to set the timeline vars reversed:true to get that listener to work correctly. Otherwise the first click reverses the timeline and nothing seems to happen. All that being said, I also don't know much about Vue, but maybe this similar thread will help. Happy tweening.
  14. I should also point out that this will work with a stagger as well. Doing it that way also has the advantage of using a negative stagger value which negates the need to make an array from the node list and reversing it. https://codepen.io/PointC/pen/JjPJbBR As with all things GSAP, there are many paths to the same destination. Happy tweening.