Jump to content


  • Posts

  • Joined

  • Last visited

Posts posted by afulldevnull

  1. Hi!


    I'm working on a custom plugin that is project specific.  Basically, I created a class that represents an SVG arc and the plugin will tween the rotation of the arc around a point and change its thickness etc.  


    Everything works perfectly except when I try to pass in an array of targets, in which case only the first element in the array is tweened, despite init() being called and run successfully.  I've spent all day trying to figure this out and I can't make any headway, and I was hoping someone here had seen something similar and could give me some insight.


    I copied the code over to a codepen to see what I'm talking about, but it is probably easier to just to clone the repo: https://github.com/tysmithnet/gsap-svg-arc-plugin

    Just load up index.html


    Key files:

    SvgArc.js - class abstracting the svg arc, pretty much just knows how to create an SVG path

    gsap-svg-arc-plugin.js - the gsap plugin

    index.html - test file illustrating the issue


    Thanks for looking!



    See the Pen RWPNdy by tysmith (@tysmith) on CodePen

  2. Hi there,


    I checked the licensing terms, and didn't see anything related to the publishing of plugins.  Are there any restrictions on publishing a custom plugin as FOSS?





  3. Thanks for the reply.


    I don't have an issue with the set()'s being called, but rather with the init()'s being called twice.  It seems like the first call is made for from() and then the second call to init is for to().


    Is this correct?

  4. Hi!


    I'm writing a plugin for a project I'm working on and I'm running into an issue where my plugin's init method is called twice when used in conjunction with TweenMax.from().  Is this by design or am I making a mistake somewhere?  Consistently, the sequence of calls is init(), set(1), set(0), init().


    Any insight you could give me on this behavior would be greatly appreciated.



  5. Hi!


    First of all, thank you very much for making this excellent library.  I wish I would have found Greensock long ago, but better late than never.


    I have a relatively simple problem, but I can't figure out an elegant way to animate it.  I have three circles, and I want the background color to change from green to red with stepped easing and hold for 1 second.  Then the next circle in line changes from red to green, and so forth. This is the effect I'm looking for:  imessage-sending-animated-gif.gif


    I think that TimelineMax.staggerTo is what I'm looking for, but I can't quite get it to work as expected.  Can anyone give me any pointers?


    Thanks for reading!



    See the Pen JdbvRo by tysmith (@tysmith) on CodePen