celli

Thanks Zach ! and apologies for the basic question, I should have figured that part out.

I am trying to use the helper function to pull a random element from an array that's not the PREVIOUS one that was pulled. I can't seem to figure out how to implement it into my gsap timeline. I tried referencing the function 'getRandomFrom' and then inserting my array just like using the random function, but I can't seem to get it work. Any help is appreciated.

cool, thanks! I was going to see if the element(s) exist, but figured I'd ask about these. thanks!

Hi, Do I need to worry about messages like these (pasted below) that come up in the console ? GSAP target [object Object] not found. https://greensock.com gsap-core.js:52 It is because it can't find the element that is referenced in my GSAP .js, but I have many pages that reference this .js file and the page that it's throwing this in the console happens not to have this element on that page, and I don't really want to make separate .js files for each .html page. Is there a way to suppress them in production, or do I need to worry about these types of messages in the console ? Thanks

perfect, that worked ! I knew it had to be something simple. I didn't realize that. Thanks!

I can get GSAP3's splitText plugin working fine on CodePen with the CodePen plugin URL https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/SplitText3.min.js I have a Greensock membership, so I have the plugin hosted and local -- but it throws and error, even if I use my hosted plugin URL on CodePen. I tried registering the plugin like this gsap.registerPlugin(SplitTextPlugin); I still get this error on the SplitText.js file : "Uncaught SyntaxError: Cannot use import statement outside a module" Then of course I get the error that SplitText is not defined Any ideas why I am not able to use it outside of codePen ?

ahh, got it. Okay, thank you!

Hi, I seem to be getting an error in the console (pasted below) Invalid property onOverwrite set to undefined Missing plugin? gsap.registerPlugin() This happens when my scrollMagic trigger is activated. If you scroll up on the codePen with the console open, you can see it. I removed all of the properties one-by-one, but I still seem to get the error, although it still executes the code. Does anyone know whats wrong with my code or the reason why ?

Cool, thanks Carl and Zach!

ahh, I didn't think of that. That's awesome! So there is only one letter at a time before staggering.

Hi Zach, Sorry about that! Here is a quick animated GIF to show what I mean

That's really cool, Carl! I am watching the video now. But I still want the first letter to appear first, like the way a regular text box works when you type using centered text in photoshop or illustrator. The first letter still starts out the sequence... Can I still use something like these advanced staggers work ?

Is there a trick to starting GSAP splitText from the center ? The text is centered, but it seems to start/stagger from the left. I was trying a stepped ease, and changing the width of my text element's div, but I couldn't seem to get it right.

Thanks Zach!

Hi Zach, I thought of something while re-reading and experimenting with your codePen and reply. Would using "+=20" inside of GSAP also just set a string and then the browser has to calculate it after GSAP is done updating? Like this codePen: https://codepen.io/celli/pen/wvBoJLj I do that a lot and if there is a better way / more efficient way to move something already positioned, by a set number of pixels, that would be great to know