Jump to content


  • Posts

  • Joined

  • Last visited

About multivac

Recent Profile Visitors

888 profile views

multivac's Achievements


Newbie (1/14)



  1. Is there a way to determine the instance type of objects returned by .getChildren() ? Is it a TimelineMax, TimelineMin, TweenMax, TweenMin, etc ? @Rodrigo @GreenSock ? Thank you
  2. My software nests multiple timelines. I want the users to be able to reach a sub timeline by label name. My goal is to recursively scan all nested timelines and copy their labels to the parent at the correct time. I want to extract labels only from the nested timelines I've added. If I can sort out staggers it will be possible. With Rodrigo answers it will be possible.
  3. Hello ! If a parent timeline contains staggers. Calling parent.getChildren( false, false true ) will return a "timeline" for each stagger. But these "timelines" will trigger an error if .getLabelsArray() is called on them Is there a way to get children timelines, without the ones automatically created by stagger ? Please look at the codepen. Thanks
  4. Yes ! child.startTime() was the missing part. I missed it in the doc. Thank you !
  5. Hello GSAP ! I have a parent timeline with multiple nested timelines. I want to copy the nested labels to the parent timeline. I've tried with .getChildren() and .getLabelsArray(). But I'm unable to get a child's insertion time, in order to copy the child's labels at the correct time on the parent. Any suggestions ? Cheers
  6. I'm hiring talented banner designers. You must master Greensock, JS, CSS and HTML very well, and have good design skills. Please send me your portfolio website address in a private message.
  7. multivac

    Timeline fill

    Hello team, Whenever I wish to add a few extra seconds of nothing at the end of a timeline I end up using this: timeline.to( {}, 5, {} ); It works perfectly fine. But it's ugly and not self explanatory. Is there a more elegant way to do this ? Thank you !
  8. It happens with every fonts I've tested. Google fonts included. Codepen was updated with google font. Any hints or suggestions are welcomed ! Thanks
  9. Hello GSAP ! When splitting Denavagari characters, some weird circle elements are added. Any suggestions ? Thank you
  10. Just a side note, the above code doesn't seem to work with multiple levels nested timelines.
  11. This is sooo nice @Jonathan ! It just works perfectly. Thank you for taking the time to help newbies, it's very much appreciated.
  12. @Jonathan Thank you for taking the time ! The GSAP forum team is just amazing. The ultimate goal is to explore if GSAP can eventually be used to create animations that combine the power of SplitText and filters. The SVG solution looks great ( just learned about GSAP AttrPlugin ). My guess is that it cannot be applied when using SplitText. Using CSS filters looks like the way to go. But making this work with a SplitText stagger seems like a daunting task. Does the mandatory use of "onUpdate", means that "stagger" cannot be used ? GSAP, please consider adding something for a cleaner way to tween filters. When scanning through code, the solution feels long, complex, and less intuitive than classic Tweening. These 4 lines of codes are beautiful, but they won't work var h1 = document.querySelector( "h1" ); var split = new SplitText( h1, { type: "chars" } ); var tl = new TimelineMax(); tl.staggerFrom( split.chars, 0.7, { opacity: 0, filter: "blur(5px)" }, 0.1 ); Happy Tweening!
  13. Thank you for the reply Dipscom. In the first codepen I use the TweenMax library. Isn't CSSPlugin already inlcuded in TweenMax ? If that the case, my filter tweening still doesn't happen. I'm clueless.
  14. Hi GSAP team, I'm trying to animate text with a blur filter. After a quick search, I understand that my approach may not be correct. It seems that an "onUpdate" callback should be used to animate a css filter with GSAP. Just like here: Is it possible to animate a filter without a callback ? If no, what is the best way to integrate this in a stagger ? Thank you !!!
  15. Great idea, I didn't thought about using Draggable to jump start a resize. Note that resizing from the bottom right corner is the easy part. It gets much more complex when trying to resize from all corners.