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 en en en en sv en en en en en en en en de en pl en en en en en en en en en en en en en en en en en en en en en en sv en en en en en sv 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 en en en en en en en eu en en en en en en en hu en en en hu 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
SpaceMoney-01011000 started following GSAP Merchandise? , Curated Collection of GSAP Examples for Inspiration, with Code? , GSAP 3: Noob Question... and 5 others September 20
SpaceMoney-01011000 replied to TimTh's topic in GSAP
SpaceMoney-01011000 replied to SpaceMoney-01011000's topic in GSAP
I love you. Stay awesome, Jack!
SpaceMoney-01011000 posted a topic in GSAP
I've been looking at some referral code, but it's written in an older version of GSAP (see provided pen). I understand what I'm looking at, but am not sure how I would go about converting what I'm looking at into something written with GSAP 3 syntax. I was wondering if someone would be willing to explain, or provide a quick snippet, of what the following would look like written using GSAP 3; btn1.click(function()//front face { if(cubeParent[0]._gsTransform.rotationX != 0) { TweenMax.to(cubeParent, 1, {rotationX:'0_short'}); TweenMax.to(cubeParent, 1, {rotationY:'0_short'}); TweenMax.to(cubeParent, 1, {rotation:'0_short'}); } else { TweenMax.to(cubeParent, 1, {rotationY:'0_short'}); TweenMax.to(cubeParent, 1, {rotation:'0_short'}); } }); I'm not concerned with the function portion of the code. I understand what's going on there. What confuses me is how to use the gsap.getProperty() in place of the _gsTransform() in this specific use-case scenario. As far as the TweenMax.to() is concerned, I'm good to go in that area - so there's no need need for further explanation. I've already looked at the docs here, but I don't understand how the two correlate in this particular context. Kind regards, X
SpaceMoney-01011000 replied to SpaceMoney-01011000's topic in GSAP
Thank you. The problem with your example is that it's using older solutions; JQuery and and older version of GSAP. I'm not knowledgeable enough about JavaScript to be able to decipher what's going on to accomplish what I need. Do you have any other resources (other than the docs, I don't find them to be well written as they presuppose too much prior understanding) that are more simple, yet demonstrate similar functionality? I don't understand certain tokenization of the syntax; [0] &[1]. I understand they're array indices, but that's about it.
SpaceMoney-01011000 posted a topic in GSAP
I edited this post because I guessed I could probably attempt to figure out the solution myself. How do I can an ease:'bounce.out' to work on my pen?
Question about Syntax: Beginner.
SpaceMoney-01011000 replied to SpaceMoney-01011000's topic in GSAP
Okay, now I see what's happening... The small squares are animating at the same time, but if we remove the"<" position parameter, then the small squares animate in chronological sequence. I didn't notice it because it was so subtle. After your explanation, I see what's going on. Thank you for taking the time to answer my question!
SpaceMoney-01011000 changed their profile photo August 31
Question about Syntax: Beginner.
SpaceMoney-01011000 posted a topic in GSAP
Greetings! I'm looking at an example from Most Common GSAP Mistakes and I'm curious what the string "<" in the syntax represents? When I delete it, it doesn't do anything, and when I change it I don't see any changes. Here are the lines I'm curious about; .to(squareTop, {fill: "#32e0c4"}, "<") .to(squareBottom, {fill: "#32e0c4"}, "<") I understand that two small squares of the animation are receiving a change of color, but not sure what "<" is affecting. If anyone would graciously be willing to take a moment to help me fill out my understanding, I would be very appreciative. Kind regards, X
SpaceMoney-01011000 replied to SpaceMoney-01011000's topic in GSAP
Ah! Good to know! Thank you, kind sir.
SpaceMoney-01011000 posted a topic in GSAP
What are gsap.effects? I ran across this post, but wasn't sure if gsap.effects.swapText() was custom method. I read the docs, but it isn't clear if these are baked into GSAP or if they're something I make...
SpaceMoney-01011000 replied to SpaceMoney-01011000's topic in GSAP
Okay, now I get it! The .to() method of the gsap object can have parameters passed in, as an object - denoted by the curly braces, and the key/value pairs - which is the vars object. Or, something like that. Good to know! Thanks so much guys!
SpaceMoney-01011000 posted a topic in GSAP
I keep coming across this term in the GSAP literature, but I'm confused as to what it means, or what it is. Is this nomenclature specific to GSAP? I can't find any information about it outside of the official documentation. In which context is it being used in reference to GSAP?
Beginner Reverse Ease Question (Again..)
SpaceMoney-01011000 replied to SpaceMoney-01011000's topic in GSAP
Make perfect sense, and helped immensely! Thank you so much! I saw this solution elsewhere, but I didn't quite understand how to make it work! I think I had stuff out of scope because the code from the solution was a bit different. And ternary operations are still a bit confusing as well... I'm so elated right now! I better get crackin'! Big thanks!
Beginner Reverse Ease Question (Again..)
SpaceMoney-01011000 posted a topic in GSAP
Greetings, and salutations! I hope this day finds you well! So, I'm still plodding away with JS and GSAP, and I'm a little stuck in the mud on a simple issue; dealing with an ease in reverse. I've seen a lot of solutions in the forums, but haven't been able to implement one that works (which can only be attributed to the gaps in my current knowledge). Would anyone be kind enough to take a peek at what I'm doing, and perhaps point me in the right direction? Nothing too complicated please (if possible). I'm still experiencing difficulties getting my head around JS and GSAP. Kind regards, X
SpaceMoney-01011000 posted a topic in GSAP
Greetings and salutations! I was reading over the documentation, and suddenly the thought picking up some sweet GSAP swag occurred to me; maybe a t-shirt or some socks. Do you guys sell merch? Are there any plans to sell merch?
“The GreenSock animation platform is one of the most useful sets of tools in existence when it comes to web animation.”
“Sincerely, the people behind GSAP are sorcerers”
“I absolutely love working with GSAP. It’s been one of the most enjoyable things I’ve ever studied and the team do a fantastic job of making it first of all but also in the fantastic forums. I’ve managed to learn so much from that so I’ll always be gratefu”
“This is by far the fastest and most active community I've ever seen for getting personalized answers to questions. Only with the help of GSAP and this forum was I able to accomplish my project.”
“GSAP and CSS Transitions: I've done both, and its like comparing an F16 to a horse. Take like 10 minutes to try.”
“It's so correct that GSAP's logo is a superhero. Every time I use GSAP it saves me heaps of time and frustration. Thank god for GSAP honestly.”
“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.”
“Spent today converting an animation to pure CSS, and then into GSAP. GreenSock was an order of magnitude easier. Love it.”
“GreenSock is the best thing that happened to SVG animations since SVG animations.”
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.