ActionScript 3.0 :: Tween Class Animations - Modifying Elasticity?
Aug 22, 2009
I am fairly new to Flash, and couldn't find the help I needed through a search. I am using the Tween class to move objects when buttons are clicked. I am using elastic easing as the animation ends, and it looks ok. But am I able to modify the elasticity at all? I like the effect, but it is a little strong and I would like to reduce the bounce at the end.
Can I do this, or by using this method of animation am I losing the fine control that I would have by using the timeline and I just have to suck it up?
I've been having a strange problem with Flash 9. This morning I opened my project and at some point, some animations became "corrupted". The tweens I had flicked and didn't work properly. After some investigation, I discovered that changing something within those animations "reset them" correctly and back to fully fonctionnal. Does anyone know why this problem would occur and what I can do to resolve it, or better yet to avoid it?
I'm trying to cycle between 2 different tween actions in Flex. Here is what I'm trying so far: In declarations:
[Code]....
The problem is that once I start the animation (by clicking a button), I get a timeout error saying the script has been running for longer than 15 seconds, with no tweening ever occurring. The animation works if I were simply animating it once.
I have an app which basically has a page with 2 entry points - each of these entry points needs to pass information into the same variable (colourName). The only way I can envision doing this is to put the variable in the parent class - which for some reason is modifyable and will trace details, but once I've removed the child, and added the new child, the variable returns a null object error!
why my variable does not get updated when I try to modify it from an event listener function? for example in the code below _resultXmlList will be null if I try to get it from getXml I think there is no access to member variables from an event listener.
Now I am using the Tween Class to move some boxes in my movie, now I can move the first mc and then another mc after the first tween has finished with onMotionFinished but I was hoping someone could help with how do I start the second tween when the first mc has passed a certain _x coordinate. ie starting the second mc moving while the first tween is still moving.
If i have a clip with a bunch of stuff inside it (on layers) like other clips, bitmaps, etc. and perform a tween on that clip (via tween class), the stuff inside the clip seems to alpha at different rates.
For instance, i have a clip with an empty movieclip which loads a bitmap image and on top of the bitmap image, i have a gradient feathered edge (.png) bitmap and on top of that I have some dynamic text (embedded fonts).
The bitmap is supposed to create a feathered edge on the photo but since they alpha at different rates, you always see the hard edge of the photo...
is there a solution like cacheAsBitmap which would let the whole clip alpha at once? If it's cacheAsBitmap, i must be using it incorrectly, b/c it's not working!
Am trying to use the Tween class to scale and move a movieclip. Now the movieclip is within the loader, so I need the motion to be controlled by the percentage loaded. Now the code to move the movieclip to its final position is:
var xscaletween:Tween = new Tween(mstone, "_xscale", Regular.easeOut, mstone._xscale, 220, 6, true);
But this is the final location, I want to be able to change the properties of xscaletween, yscaletween, xmovetween and ymovetween as per percentage loaded.As in, within this final boundary limit of the tween, I want, for example, xscaletween, to scale only till 140 till percentage hits 50. Is this possible?? If not is there a workaround?Or do I have to use new tweens within each percentage limit?
I am trying to understand the thinking behind motion tweening using AS3 (rather than doing it on the timeline).I am trying to create a simple platform game, and while this is simply a learning project, I have an movieclip instance on the stage, and using basic x+5 logic I can get the instance to move left and right on the stage accordingly.Trying to make the instance 'jump' is a bit trickier. This is the code I am using:
I thought this code would move the instance from it's current y-position and tween it to it's highest jump point. From here I planned to use a MOTION.FINISH event to tell it to tween back to it's original position.Something strage happens though, rather than tween from the current y position and move up, the instance instantly transforms it's position to y+100 and then tween back to the original position. So it kind of turns out that it is the second part of the jumping action that I want to create.
Is there any way to make a movie clip start at a given x and y point, and ends at another x and y point, in 90 seconds?m not getting a good result.The main problem is, I want the movie clip to travel along a straight line. And by this code below the "b" movie clips makes some curves.Heres what Ive done.
"p" is point movie clip "b" is ball movie clip fullTime = 90000;_currentTime = fullTime;oldTime = undefined;onEnterFrame = function () {if
What I want to do is tween a number from lets say 0 to 50 using the Tween class. The below is an example of my tween but it wasn't working (*NOTE* i'm using TweenExtended but if you change the tween to Tween only it will be the same thing, i just have a habit of using the TweenExtended class):
how to write an elasticity function in MX?This works in 5 - but I want to use dynamic masking also - here's the code (slightly modified from Ilyas Usal. Ilyas is also known as ilyaslamasse )
MovieClip.prototype.move = function (centerx,centery,inertia,k) {
x = -this._x + centerx ; y = -this._y + centery ; xp = xp * inertia + x*k ; yp = yp * inertia + y*k ;
[code].....
then you can set newx and newy how ever you want buttons or timeline.I need it to work in MX ?
Using the elasticity tutorial on here,I made a navigation with bars that enter frame with elasticity. I'm trying to get the rollOver to work so that it shifts a little when the mouse rolls over. What I am having trouble with is the the rollOut... for it to go back to its normal position it jumps to the original position and then does the elasticity, instead of moving to the original from the rollOver position. Hope that makes sense here is a link to what I am talking about: http:[url].....Go to Serve you section (blue), then click on the print button, the rollOver is applied to the info button.
i was trying to reproduce this nifty little effect of a springy rollover on a button, that can go from button to button, and also springs up when nothing is selected.
the effect i'm trying to reproduce is at:[URL]
go into the portfolio section and rollover any of the pieces. Now i've studied the tutorials for elasticity at kirupa and came up with a effect that is based on mouse-click and not on a button. [URL]
im using the tween class within a class and having trouble getting the .onMotionFinished of the tween to recognize or relate back to the scope of the class.so if i had
Code: var t1:Tween = new Tween(myClip, "_alpha", None.easeNone, 0, 100, 1, true); t1.onMotionFinished=function()
I started another thread where i had gotten help and combined the snow tutorial and the programatic mask tutorial to create particles that reveal an in-focus image over a blurred one. I just need help making the particles swarm around the mouse when it is present and have the particles just float around when not. Presently the random motion is just fine and looks like this (i just inverted the this._x and this._y so that they would go with the mouse direction not away from):
I have a clip that rotates to orient itself towards the mouse when the mouse is over a given area. When the mouse leaves the area, the clip snaps back to its original position.
1) the clip snaps directly towards the mouse at the moment the mouse enters the clip; I would like it to actually rotate;
2) the clip snaps directly back to its original position when the mouse leaves the clip; I would like it to ease back into position.
anywhoo i have minimal actionscript training tho i know a bit... im trying to make an Item system were i make an object like a key or a helmet... and if i collide with it it disapears. and i get the item, then somewhere put _root.playerMC.standing.gotoAndPlay ("item"); .. maybe in the item i dunno..
so basically i set my characters up like playerMC then in that animation i have a body head arms and legs.. and in those i have different items equipped on each body part on each frame how should i set this up!!!.. i cant call those items deep in the animation the farthest i can go is like Playermc.gotoandplay ("walk") when i try to do like.. playermc.walking.head.gotoandplay ("item") it doesnt work..
I have a movie clip that is rotated when a button is clicked:
Quote:
mc_rightBtn.addEventListener(MouseEvent.CLICK, onRotateRight); function onRotateRight(evt:MouseEvent):void { var myTweenRotation:Tween = new Tween(mc_gallery, "rotation", Elastic.easeOut, 0, 90, 5, true); }
The problem I have is that when the the right button (mc_rightBtn) is clicked again, the rotation starts from the original position. Ideally I would like the rotation to continue from its current position.
I've started using the Tween class as I find it to be a really quick way to create some smooth animations. However, what I would like to do is have a sequence of many different objects animating into the scene, but all using the Tween class.Now if they were all to animate in at the same time that would be fine - but what I would like to achieve is each object to animate in one at a time, so once 1 object has finished, the next one then animates in etc etc over until all 7 are animated in. I've read up a little on using continueTo etc but not sure how to get this to affect different mc's instead of self.
So I'm actually doing something very simple here, but it's my first attempt at tweening things through code rather than on the timeline, so I'm pretty new at this. Basically I have a small image gallery, all the thumbnails are butted up against one another in a grid. When you roll over an image, the title should tween to reveal itself below the image. I have it set up so that both the image and title are in one movie clip, with the image on the top layer.
My code does work when you move your mouse slowly, however when you roll over and out really fast, the whole thing freaks out a little, and the titles don't tween back properly, they actually stay exposed even though they shouldn't. It looks like they kind of tween back, then pop out again, with out a tween. I linked to my current swf file so you can see for yourself. [URL].
Here is an example of my code which is iterated for every image. MC.addEventListener(MouseEvent.ROLL_OVER,onMC); MC.addEventListener(MouseEvent.ROLL_OUT,offMC); var myTween:Tween; MC.buttonMode = true; function onMC(event:MouseEvent):void{ myTween = new Tween (MC.title,"y",Strong.easeOut,94.5,138,.65,true); } function offMC(event:MouseEvent):void{ myTween = new Tween (MC.title,"y",Strong.easeIn,138,94.5,.35,true); }
I'm trying to animate the mc in my fla with the tween class (specifically have it fade from 0 to 100 transparency [left-to right] as it moves). I'm not really a coder and more animation-based. If I was to create a variable (say named "Transp", how would the rest of the declaration look in AS2?
I have a movie clip (box) with a text box embedded in it. I want it to expand and move to the middle of the stage when the user places the mousepointer over top of it. When the mouse is moved off I want the movie clip to return to its original position. My code almost works. The MOUSE_OUT works and returns the movieclip to its original position but the MOUSE_OVER causes the movie clip to bounce to the center of the stage, return to the original position and then bounce back to the center of the stage before coming to rest at the center location. I just want it to go directly to the center of the stage.
Also, if I have 25 movieclips like this, is there anyway that I can capture the xy coordinates of the current movieclip that is being clicked on so that I can use the same code for each movieclip to expand and move it to the center of the stage and return them to their original . I am assuming that I would have to capture the name of the current movieclip being clicked on, in a variable and capture the initial x and y coordinates in two other variables. Can I then use these variables in the following Tween statements? Not sure how to code it so that the statement will read the contents of these variables and use them as paramenters in this routine.
square1.addEventListener(MouseEvent.MOUSE_OVER,tex ter); function texter(e:MouseEvent):voidn { new Tween(square1, "x", Regular.easeIn, square1.x, stage.stageWidth/2, 1, true);
