en en en en en en en en en en en en en en en en fa en en fr hbs_lat en en en es en en en ms en de en fr en en en ca en en en en en en en ja ja en en fr en en en en en en en fr en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en en ja en en en en en pt en en en pl en es en en en pt en fr en en en en en en en fr cv es tr es en en en en ms en en en en en en fr en hbs_lat en en en en en en en fr cv es tr es en en en en de en en en ca en en en en en
Thank you so much for helping me out! I've finalised the codepen, but this definitely appreciates some cleaning up.
Questions about tween in a timeline
shelune replied to shelune's topic in GSAP
Thank you so much! I'm reading the docs to at least understand what was wrong without the labels... I added labels and it's working on my codepen but nothing shows on your codepen thou xD
Yeah I did that yesterday (forgot to save it so in the pen it looked empty) but it didn't work. Now I added hoverHandLeft() and hoverHandRight() (line 400 & 417 respectively), each with yoyo: true and repeat: -1 inside. However, only the left hand is hovering.
erm another question... after finishing all animation, I want to animate the hands (same codepen) like's hovering up and down and keep them that way (one moving up left, one moving up right) What would be the best way to implement that? I've tried using repeat: -1 with yoyo: true on a new timeline but it doesn't work. On line 400, I implemented function hoverHandLeft() and added it to the master timeline after everything. Am I doing it the wrong way cuz a while back, I could only repeat: -1 and yoyo: true on 1 element.
Questions about tween in a timeline
shelune replied to shelune's topic in GSAP
This is not related to the topic but do you have some advice how to advance on learning GSAP (and web animation in general?) I can do basic stuff but now I'm a bit lost how to progress properly.
Questions about tween in a timeline
shelune replied to shelune's topic in GSAP
Well before I used the master timeline way, I just use a TimelineLite() and do everything on that timeline (fromTo, stagger, etc..) and everything worked. That's why I'm confused. But anyway I solved it. Turns out I shouldn't have named the function the same as the variable pointing to the SVG (very basic mistake indeed). Thanks for your help
Questions about tween in a timeline
shelune posted a topic in GSAP
Hei, I'm doing a basic timeline test, making functions to return a timeline and use a master timeline to organize them. Most of them seemingly work as I intended, but some refuse to, and block the tween after that as well. Specifically here I have function clavicle() (line 337) to do a simple .to() and display the SVG out. It does not display anything when I run it and block the following tweens as well. Same with function eyes() (line 376) I'm afraid I might have overlooked something since it's just basic stuff...
Synchronizing element and its path timing
shelune replied to shelune's topic in GSAP
Thank you so much for saving me tons of time looking though the docs
Synchronizing element and its path timing
shelune posted a topic in GSAP
I'm trying to make a kinda widget that has the icon rolling from one side to the other, with an arc filling the same path. So I tried Bezier Easing plugin to make it similar to the css cubic-bezier but there's still discrepancy I wonder if there's a way to track the path and make the icon move along with the progress?
Particle dissolving from text
shelune replied to shelune's topic in GSAP
Thanks a lot for your advice. Well I did start out with a basic course on ihatetomatoes so I got the basics of tweening, fromto, timeline, etc... Do you have any recommendations what to take next to take closer steps to what I wanted to achieve up there?
Particle dissolving from text
shelune posted a topic in GSAP
Hi guys, I'm really new to GSAP and web animation. Just wondering how this effect can be achieved? (the dissolving letters at the end) I searched through a bunch of GSAP examples but most of them are creating particles or booming them up...
“Aside from GreenSock’s laser-focused attention to detail, GSAP is fast, reliable, flexible, exceptional value (read: free in most cases) and, very importantly, supported.”
“Really quite impressed with @GreenSock JS - even the small things.”
“Massive shoutout to GreenSock for having an amazing product with fantastic documentation, hugely talented support staff and an active and helpful community. If you do anything with web animation you should *definitely* be using them.”
“GreenSock has encouraged me to play with the code, to dream up new and exciting things to do.”
“GSAP is just miles and miles ahead of any animation library out there. Great work!”
“Go and browse through FWA or Awwwards, then view source of anything you see that has cool animation and you will be surprised how widely GSAP is used.”
“...obviously GSAP is incredible.”
“I continue to be astounded by the sheer breadth of what @greensock can do. Every time I'm like "ooh, I wonder if I can do X", it turns out I can!”
“Truly, you folks on this forum are the nicest, least judgmental, helpful people I've ever encountered.”
Sign Up For Our Newsletter
Get the latest updates on GreenSock products, exclusive offers, and more right in your inbox.
Your information will always be kept confidential.
Thanks for signing up!
Now you'll begin receiving the latest GreenSock updates, exclusive offers, and more right in your inbox. Welcome aboard.