mango-nyc

ShockinglyGreen
  • Content count

    7
  • Joined

  • Last visited

Community Reputation

0 Newbie

About mango-nyc

  • Rank
    Newbie
  1. Questions about the new eases

    Hi Carl, I have looked at the pen with the wiggle demo, and I've watched the video, and I'll still stick with my point that its not intuitive for me as an ease. Here's my logic- so maybe when you see how I picture it you can explain it so I get it. Say I'm going to throw a ball, I want to throw it 400px over 1sec. I would set up a TweenMax.to(mything, 1, {x:400}) which would work fine Now I want to control how it is delivered over that 400px distance and 1 sec time. This is where the "ease" comes in. Let me point you to the GSAP easing demo for exhibit 1- https://greensock.com/jump-start-js#easing Every one of these examples, is working off a tween that sets the left: to 400px. In every one of the ease examples I tried, the GSAPSuperMan icon, moves 400px to the left. Not one of those easing examples altered the end point of the icon, its always 400 px to the left, which is where it should be since that what I told the tween to do! Don't get me wrong, I love the wiggle, but maybe it shouldn't be called an ease, because as I think I explained here, it doesn't behave as all the other base eases do. Thanks for taking the time to explain this. Mango
  2. Questions about the new eases

    I'm playing around with the new eases, Custom Bounce and Custom Wiggle. Im comparing two identical tweens, except for the easing tl.to(blue, 1, {top:400, ease:"myWiggle"},"start"); with this the item would move down 600px from the top and "stay there"- just a normal tween tl.to(green, 1, {top:400, ease:Power2.easeIn},"start"); this wiggle tween works fine- but the item ends up back in its original position, I am confused by this behavior. I added a third tween using from and that ends up on top as it should, tl.from(red, 1, {top:400, ease:Power2.easeIn},"start"); why does this easing function change the ending position property? I'm not used to that, and not sure how to plan for it. Thanks, Chris
  3. Problem understanding and using kill()

    Thanks Jonathan and everyone else, that's really helpful. I've been playing around with these to better understand how they work in different situations.
  4. Problem understanding and using kill()

    Thanks Diaco, That's very helpful to know, and thanks for the explanations of the other methods.
  5. Problem understanding and using kill()

    Thanks PointC, That would work. I was actually looking for a solution within the Greensock API if that is possible. Just curious how I would use kill( ); or clear( ); or clearProps( ); for something like this, or it might just be that they don't work the way I imagine. Thanks
  6. Problem understanding and using kill()

    I'm trying to kill a tween after it plays- mainly because the <div> flies off the page- but it's still there, as you can scroll to the right and it is still there. I would like both divs to disappear after animating through the timeline. I know there is a "clear()" as well, or maybe I should be using "clearProps" Thanks
  7. IE8 Transform Perspective

    I'm using CSSPlugin.defaultTransformPerspective = 440; in an animation. the animation itself works fine, but it is not recognizing my change in perspective. Does anyone know if this works in IE8? Thanks