Search the Community
Showing results for tags 'easing'.
Found 63 results
-
Hi folks, I am jin , please accept my wishes , i have been working on as3 for some time now but was never good with animations, i came across this package and i can say this is nothing short of a miracle to me to be able to get the effects that greensock can provide .... In order to add more value to my projects i am trying to add a camera zoom in and out at certain points in my project , now i can do this by using the below code - TweenLite.to(WorldObj, 0, {scaleX:1.5, scaleY:1.5}); this zoom in remain for 3 seconds and then i do this to get to normal size - TweenLite.to(WorldObj, 0, {scaleX:1, scaleY:1}); But the zoom in and out happens rather abrubptly like in a fraction of a second , i want it to be a bit slow , i came across a thread that suggests this - TweenLite.delayedCall(2, slowDown); function slowDown() { TweenLite.to(WorldObj, 1, {x:0,y:0,scaleX:1.5, scaleY:1.5}); } i tried it, but it does not seem to do the work , can any one please guide me as to where i am going wrong and what i can do to make it work ..... Once again thanks in advance and hope to be able to contribute after some time .... Regards
-
Hey guys, It would be really nice if the Bounce easing had some configuration like the Back easing does. I'd like to be able to configure the bouncyness. Less bouncy objects would maybe only bounce once and not come back up very high Whereas others might be very bouncy and bounce for a long period and quite high relative to the original drop. What do you think?
-
Hi there, sorry if this question has been asked and answered before. I tried to search, but have not found anything similliar. The idea is to make a transition where i start the transition with one easing and end up with an other easing. i.e. with Power3.easeIn and end with Back.easeOut. I would imagine something like this: TweenLite.to(jQuery('.item'),0.5,{x:100,y:100,ease:"Power3.easeIn, Back.easeOut"}); I tried with space, comma without success. I know i could make two animations for this after each other and making time half etc.. but i was just curious if there is a shortcut like shown above ? Thanks for your time and answer, Krisztian
-
Hi All, I have a pretty specific question in which I have an Object moving along a vector that will eventually end up at a destination point and stop moving. The object in question is an asset that has a 'fly' animation sequence, a 'landing' animation sequence and an 'idle' animation sequence. The Object must move along a straight line coming from a random point on the stage at a fixed velocity. The object will begin to ease when it is exactly 30 frames away from the end point in which it will change into the landing sequence(which takes 30 frames). Once the landing sequence is complete the easing should be rounding down to 0 in which the object has completed its journey and now switches to the 'idle' sequence indefinitely. I have provided a screenshot below demonstrating my issue. Any help will be much appreciated as the math and when to play the landing sequence is giving me the most problems. I am trying to have the process of flying -> landing -> idling be very smooth and natural. The swf is running at 30 fps btw.
-
Hi everyone! Let me start by saying GSAP is awesome. I was wondering if anyone had ported the RoughEase library from AS to JS, or something similar to that? I'm working on a project where I need to randomly affect elements over time (smoothly), and I think RoughEase would be amazing for the job. More specifically, I'm trying to replicate some old film effects – grain, shifting picture, flickering bulb, etc. My current solution is to start a tween for a random duration/value, then delay the next tween by a random amount, and have that process loop, effectively creating a sort of randomness to the flicker. I suppose it works, but it doesn't look great yet and doesn't feel as elegant as the RoughEease soltuion. Thanks in advance!
-
Are there plans for the CustomEase functionality in the JS version? Been working on something today that it would have been a 'nice to have' on. In another post, I'd mentioned looking for the 'dynamicProps' functionality as well. I realize this is still in beta (a fantastic beta, BTW, ), so I realize you're still working on it. Consider this a vote of "yes, please" for these features. Cheers, John
-
Perhaps I'm implementing this wrong, but I'm having issue getting easing animations, such as Bounce, to actually...bounce! Instead, it just slides open. I'm probably implementing it wrong, so if anyone can help, that'd be greatly appreciated $(topArea).animate( { top: "-40px" }, 250, "bounceInOut" );
-
What is the most reliable and efficient way to detect if EasePack JS file was already loaded elsewhere on the page and is available (in an effort to prevent loading it again)? [EDIT: also, detecting if the various plugins were loaded too would be helpful]
-
Hi all, In previous versions of GSAP you have the OutIn easing equations, such as BounceOutIn. In GSAP v12 however, I can't find these. Even in the main class Bounce, I have only spotted 3 variants of the ease : out, in, and inOut. Where's the OutIn versions of each ease? Do you have to use InOut as OutIn by reversing it in some way? Am I missing something here? Thanks
-
Hi all, I recently stumbled upon MoveThis, another tweening engine. If you scroll down to the Gears demo, you'll see demos of Arch and Reverse, probably 2 tween easing equations. (I can't figure if they are just different names for existing Penner equations, although they are signed by "Todd Williams" aka taterboy) Would adding these eases into TweenLite be of any use? Unless they are already added. Also, MoveThis has a nice "easingStrength" parameter that apparently controls the amount of ease applied. Does TL have anything like that? Would it be a useful addition? Thanks
-
I have a 30sec Linear.easeNone tween happening but I want only the last 2 seconds to Sine.easeOut. Is this possible?
-
HI, I am currently creating a little Flash IDE animation exporter which exports a timeline animation using JSFL. Part of what i am exporting is the custom ease curve that you get in the IDE. Here is an example of what it spits out: [{ x:0.00000, y:0.00000 },{ x:0.33333, y:0.00000 },{ x:0.66667, y:0.33333 },{ x:1.00000, y:1.00000 }] What i am trying to do it convert this curve into a CustomEase. This is what i am currently doing: 1. First put all the x values into an array and another for the y. ( points.x and points.y ) while( i < points.length ) { bezierPoints.x.push( points[i].x ); bezierPoints.y.push( points[i].y ); i ++; } 2. Use BezierPlugin.parseBeziers( points, true ) var parsedBezierPoints:Object = BezierPlugin.parseBeziers( bezierPoints, true ); 3. Pull out the y values from parsedBezierPoints and put them into an object of s, cp, and e var yPoints:Array = parsedBezierPoints:Object.y var data:Array = [] var i:int = 0; while ( i < $points.length ) { data[i] = { s:yPoints[i][0], cp:yPoints[i][1], e:yPoints[i][2] }; i++ } example trace: [{"e":0,"s":0,"cp":-0.08325},{"e":0.333,"s":0,"cp":0},{"e":1,"s":0.333,"cp":0}] 4. Create the custom ease using the new data CustomEase.create( "DIGEase", data ); For some reason i keep getting a gitter and not a smooth ease on the animation. Can anyone see if im doing something wrong or point me in a right direction. Thanks in advance.
-
Hello. I'm looking for some direction in finding code that will pivot text in 3D with easing and blur/fade text with an alpha setting. I've attached an SWF file that gives the idea for what I'm looking for. Any help would be appreciated! Thanks. Tim Test.zip
