Jump to content

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

rotaercz last won the day on December 25 2014

rotaercz had the most liked content!


  • Posts

  • Joined

  • Last visited

  • Days Won


rotaercz last won the day on December 25 2014

rotaercz had the most liked content!

rotaercz's Achievements


Newbie (1/14)



  1. The site is far from done and it's still a work in progress but you can check it out at: http://goblinhammer.com The site uses GSAP. It's sprinkled here and there. If you click the "Browse Sets" icon on the left, you'll see a cool tsunami menu.
  2. rotaercz


    Thank you! That drop down and spin is sexy. In about 2 months I'll have something to share. Stay tuned!
  3. rotaercz


    How would you write this Codepen example in GSAP? How would it look with keyframes and without keyframes? What are the differences? Pros and cons?
  4. http://jsfiddle.net/rotaercz/p13wLkeo/3/ Here's a jsfiddle example!
  5. I'm starting to really like GSAP. Really helpful community and it feels nice to be able to not use CSS for animations. I'd like to get a license but can't afford it at the moment. Is there any way I can earn a single developer license?
  6. I figured it out! It's because the css had: -webkit-transition: left 0.3s ease-out; transition: left 0.3s ease-out; In this scenario I got an odd side effect where the 1.5 duration in my code would become a delay for some reason. Maybe I found a bug? I think TweenLite should not be influenced in any way from the css transition code. TweenLite.to($(menuID), 1.5, { left: 100, onComplete: function(){ alert('helloworld'); }}); That said, how do you destroy TweenLite.to(); after it's done?
  7. Sorry, I'm not familiar. What's svg or canvas? EDIT: That's interesting. I thought TweenLite wouldn't have a problem since there's no delay when moving the div holding hundreds of divs within it when using CSS transitions. That's why I'm wondering if I'm doing something wrong.
  8. If there are hundreds of divs in the div that I'm trying to move, could it slow it down?
  9. I have a pretty simple bit of code: TweenLite.to($(menuID), 1.5, { left: 100, onComplete: function(){ alert('helloworld'); }}); There seems to be a delay before it moves to position 100 or perhaps I'm providing a value incorrectly? Is the second argument 1.5 the delay before it moves because it seems to be the delay based on values I've tried? If so, where do I set the duration of the tween? EDIT: Also the onComplete callback seems to happen based on the 1.5 value? I'd like the callback to happen after the tweening is done but I'm not exactly sure what I'm doing wrong.
  10. Thank you for the thorough reply! That was really informative. I tried to like your post but I'm out of likes at the moment. It would be nice if there was an indication of how many likes I have left. (hint hint )
  11. Just tested it. It's very smooth. I have a few more questions in no particular order. 1. Is it possible to do something like this? interval.kill();? 2. Is there a way to see the fps? 3. Is it better to do it this way? TweenLite.to(elem, 0, { left: elem.offset().left+(goalX - elem.offset().left)/moveSpeed }); Compared to? elem.offset({ left: elem.offset().left+(goalX - elem.offset().left)/moveSpeed }); Or is there no difference here? 4. How do you highlight your code like that? 5. Sorry for asking so many questions. I'm just psyched about GSAP!
  12. I just started learning myself but try this: TweenLite.to($('.proxylogo'), 12, {css:{left:"100px"}}); EDIT: Looks like a mod responded a second before me.