Jump to content

Search In
  • More options...
Find results that contain...
Find results in...

celli last won the day on January 3 2016

celli had the most liked content!


  • Content Count

  • Joined

  • Last visited

  • Days Won


Everything posted by celli

  1. Thanks Zach ! and apologies for the basic question, I should have figured that part out.
  2. 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.
  3. cool, thanks! I was going to see if the element(s) exist, but figured I'd ask about these. thanks!
  4. 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
  5. perfect, that worked ! I knew it had to be something simple. I didn't realize that. Thanks!
  6. 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 ?
  7. ahh, got it. Okay, thank you!
  8. 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 ?
  9. Cool, thanks Carl and Zach!
  10. ahh, I didn't think of that. That's awesome! So there is only one letter at a time before staggering.
  11. Hi Zach, Sorry about that! Here is a quick animated GIF to show what I mean
  12. 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 ?
  13. 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.
  14. 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
  15. Thanks Zach and Blake ! These are much better ways of handling this, I appreciate it.
  16. Hi, This is probably because I am using calc(100% - 60px) to express my width property and animate it with gsap, but I wonder if there is a way to still use calc or something similar without it flickering ? Or maybe there is a better way to achieve the same thing without the flickering when we click 'open' or close'
  17. Thanks PointC! Here is a codePen: https://codepen.io/celli/pen/MMwpjx
  18. I am having some trouble with adding and removing the addEventListener, it says it can't read a property of a null. This is not GSAP related, so I can keep trying to see what works
  19. Thanks PointC ! I will try this and reply back when it is working.
  20. Hey PointC ! Thanks for responding I was trying to avoid jQuery, even though I am using it in this example I was going to try and convert those instances without using jQuery, if possible. I thought maybe there was a way to play the GSAP instances once, and then reset them when the item is inactive again. If you think the jQuery on and off methods would be the way to go, then maybe I'll keep it while using jQuery, but how would I integrate that into my GSAP timelines?
  21. Hi, I am trying to figure out two things on my codePen link. 1. When you click a dot, it scales down to 2 -- but I am trying to figure out how to make that dot inactive, so that the mouseover and mouseout functions would not run on that specific dot while it is active. 2. The line and date animations can still run now (even if the item is active), but I am trying to figure out how to limit the GSAP animations to run only if the item is inactive
  22. Right! I forgot we are using createJS properties It Works like you said: TweenMax.to(exportRoot.box, 2, {alpha:0}); TweenMax.set(exportRoot.box, {visible:0});
  23. Hi Davi, Sorry that I am re-opening this old thread, while I can control with GSAP the element's position in the HTML, to within the Animate CC canvas element. It doesn't seem to work with anything other than position control. I tried opacity, alpha, visibility, display, etc... Check this updated codePen in the HTML function doAfter. Do you know why we can't control any properties other than position?
  24. Davi, Thanks! Yes, I see it needs to be after the handleComplete() function. that works! I tried to put a function after the HiDPi function but that didn't work... Why does it need to be right after the handleComplete() function ? I wonder if I could put the functions on a separate .js file