Tween class - tweening from curent position

Hi, I've been looking at the tween classes and I was
wondering how I could use it to tween an object that i already
placed on the stage? So using it's current position and tweening to
a new position. Is there a way of doing it by simply using a term
that flash understands (eg _xPosition)?
Cheers
Ray
import mx.transitions.Tween;
import mx.transitions.easing.*;
new Tween(ball_mc, "_x", Elastic.easeOut, 300, 50, 3, true);
new Tween(ball_mc, "_y", Elastic.easeOut, 100, 50, 3,
true);

I think I asked for help a little quick there.
this._x
it looks like that is what I was after.
Ray

Similar Messages

Glow filters and tween class does not work!!

hi!!!! this is my problem...
I have inserted on stage through attachmovie a mc and copied
6 times through the cycle for. . now through the class filter I
have assigned for everyone the effect always through the cilo for,
but I do not succeed to assign transition that is to the effect
movement of the filter glow to all the mc
for all the rollOut and rollOver works (this is looked at
from the small hand and trace) but the every time that step small
hand on whichever only mc to a part the transition of the
effect…
now i show the code of my fla files that is in first frame...
quote:
import flash.filters.GlowFilter;
/*import flash.filters.*;*/
import mx.transitions.Tween;
import mx.transitions.easing.*;
//imposto le variabili posizione
var posX:Number = 80;
var posY:Number = 370;
//creo l'array di testo delle icone e del numero delle icone
var testoIco:Array = new Array ("VIDEO","MOTION
GRAPHICS","WEB SITES","ILLUSTRATIONS","BRAND","PHOTO");
setUpButtons();
function setUpButtons()
var gf:GlowFilter = new GlowFilter(0x000000, 100, 0, 0, 3,
3, false, false);
//dichiaro gli effetti e li imposto
var blurXTween:Tween = new Tween(gf, "blurX",
Elastic.easeOut, 5, 5, 1, true);
var blurYTween:Tween = new Tween(gf, "blurY",
Elastic.easeOut, 5, 5, 1, true);
//imposto il valore btnCnt
var btnCnt = testoIco.length;
/*ciclo for per attaccare il simbolo item dalla libreria e
per moltiplicarlo
sullo stage e dargli l'effetto*/
for(var i=0; i < btnCnt; i++)
//attacco l'icona dalla libreria
var icon:MovieClip = this.attachMovie("icon","icon" + i,
i+1);
var temp = this["icon"+i];
temp.icona.testo.textButton = testoIco
temp._x = (127*i) + posX;
temp._y = posY;
temp.ref.setMask(temp.mask);
var glow:Array = this["gf"+i];
temp.filters = [gf];
/*applico l'effetto alle icone rollOver rollOut*/
temp.onRollOver = function ()
blurXTween.continueTo(20, 2);
blurYTween.continueTo(20, 2);
temp.onRollOut = function ()
blurXTween.continueTo(5, 2);
blurYTween.continueTo(5, 2);
blurXTween.onMotionChanged = function ()
temp.filters = [gf];
i need help!!!
sorry for my bad english....

Thanks jtahlborn for this fast reply.
Unfortunately it doesn't work, if I change the code of WebServiceBean to the following:
@Stateless
public class WebServiceBean
     @EJB
     ControllerBean controller;
     @EJB
     JPAServiceLocal jpa;
}Error message:
javax.naming.NamingException: Error occurs while the EJB Object Factory trying to resolve JNDI reference Reference Class Name: com.x.y.z.ControllerBean
Do I have to define any parameter with the @EJB annotation, like name or bean-name or put something into ejb-jar.xml?
The second idea is not an option for me, I don't wanna make ControllerBean a POJO
Cheers

External swf and the tween class

i have an external swf which i import into my main swf using
the loadMovie command. my external swf has some tween class
animations in it. if i run the main movie, the external swf movie
runs fine of course...but the tween classes are not loaded. am i
missing somthing?
here is the code from the external swf file which is applied
to a clickable movie clip of course.
this.onRollOver = function() {
rewind = false;
play();
var squaretween = new mx.transitions.Tween(previewthumb,
"_xscale", mx.transitions.easing.Elastic.easeOut, 0, 1200, .5,
true);
var squaretween = new mx.transitions.Tween(previewthumb,
"_yscale", mx.transitions.easing.Elastic.easeOut, 0, 1200, .5,
true);
squaretween.onMotionFinished = function() {
loadMovie("hotairlarge.swf",
"_root.homecontainer.printworkcontainer");
any help would be great!

try inserting the following to line 1,frame 1 your main swf:

Tween Class Unreliable?

1 out of 4 function calls from a MouseEvent results in the
MovieClip getting 'stuck' somewhere in the tween. As if it's not
finishing. Has anyone else experienced this? Or am I using the
Tween class wrong?
addEventListener(MouseEvent.CLICK, tweenStyle)
private function tweenStyle(event:Event):void
var scaleYTween:Tween = new Tween( MovieClip, "scaleY",
Strong.easeOut, 0, 1, .5, true );

Just hit this:
Note: Consider variable scope when using the Tween class. If
a tween is created in a function, it is important that the
variable's scope exists beyond the function itself. If a tween is
stored to a variable of local scope, ActionScript garbage
collection removes the tween as the function completes, which will
likely be before the tween has even begun.
Yeah, after making my Tweens class members, no
problemo!

Tween class - yoyo()

Hi
I was wondering what the opposit function is of the yoyo()
funtion.
I now have a animation running from right to left using the
tween class.
Instead of running the animation at the end going
backwardswith the yoyo() funtion (from left to right). I just want
to start it all over again, so that it runs again from right to
left
gr
Tom

you're welcome.

Tween Class Easing AS modification help.

hi guys im new here in the forums, ive been searching around about tween class easing in as2 and ive found this great tutorial http://www.republicofcode.com/tutori...enclasseasing/
i need a help though, im not really a actionscript programmer, but i wanted to modify this code:
Code:
import mx.transitions.Tween;
import mx.transitions.easing.*;
var myHoriTween:Tween = new Tween (myBall_mc,"_x",Strong.easeOut,0,400,2,true);
myHoriTween.onMotionFinished = function (){
how would i modify the code so my objects not only goes on a straight line(_x like in the code from 0x to 400x),
what if i wanted a diagonal direction, it will start in x and ends in y?
hope you could show me how its done thanks in advance!!

to tween along a diagonal, tween both the _x and _y properties at the same time:
Code:
import mx.transitions.Tween;
import mx.transitions.easing.*;
var myHoriTween:Tween = new Tween (myBall_mc,"_x",Strong.easeOut,0,400,2,true);
var myVertiTween:Tween = new Tween (myBall_mc,"_y",Strong.easeOut,0,400,2,true);
myHoriTween.onMotionFinished = function (){ }
if you want to tween the _x and then tween the _y, use:
import mx.transitions.Tween;
import mx.transitions.easing.*;
var myHoriTween:Tween = new Tween (myBall_mc,"_x",Strong.easeOut,0,400,2,true);
var myVertiTween:Tween
myHoriTween.onMotionFinished = function (){
myVertiTween = new Tween (myBall_mc,"_y",Strong.easeOut,0,400,2,true);

HELP PLZ!! Array Button Menu that fades in/out content with Tweener or Tween Class...!!!

OK.
So I've been trying the last couple of days to make 2 different codes i had into one...
The first on is using the Tweener class and everytime that I press a button it fades out the loaded content of the previous selection, waits for it to finish and then loads the content of the button pressed. Everything works fine with this part.
The second code is the on that is using an Array to dynamicaly rollover, rollout and keep selected the buttons.
It was also changing the content of the mc that everything is loaded on but without this fancy fade in - fade out...!!
So i think its time for some code now...:
Here are 2 different approaches:
This is the code that uses the onMotionFinished of the Tween Class:
var groupinfo:Array = [ {mc:about, toload:"mcHome"},
     {mc:service, toload:"mcService"},
     {mc:contact, toload:"mcContact"}];
var activebtn:MovieClip;
var holder1:MovieClip = _root.attachMovie("mcHome", "mcMain", 10);
holder1._x = 0;
holder1._y = 110;
function doClick() {
//          \/THE PROBLEM IS FROM HERE\/
     if (this != activebtn){
          var mcTween:Tween = new Tween(mcMain, "_alpha", Strong.easeOut, 100, 0, 1, true);
          mcTween.onMotionFinished = function() {
               _root.holder1.attachMovie(this.p, "mcMain", 1);
               var mcTween2:Tween = new Tween(mcMain, "_alpha", Strong.easeOut, 0, 100, 10, true);
//          /\UNTIL HERE/\
     var prevbtn:MovieClip = activebtn;
     activebtn = this;
     this.gotoAndStop(FADEINSTOP);
     prevbtn.onRollOut();
function init() {
   for (var element in groupinfo) {
      // btn is a pointer to one of the nav buttons
      var btn:MovieClip = groupinfo[element].mc;
      // have each button remember which library/mc it is supposed to load
      btn.p = groupinfo[element].toload;
      // assign functions to each event
      btn.onRollOver = doRollOver;
      btn.onRollOut = doRollOut;
      btn.onRelease = doClick;
init();
And the Example:
The onMotionTween code works ok with the tweening but doesn't change the movieclip.
This is the code that uses the caurina Tweener Class with no onMotionFinished:
var groupinfo:Array = [{mc:about, toload:"mcHome"},
                            {mc:service, toload:"mcService"},
                            {mc:contact, toload:"mcContact"}];
var activebtn:MovieClip;
var holder1:MovieClip = _root.attachMovie("mcHome", "mcMain", 10);
holder1._x = 0;
holder1._y = 110;
function doClick() {
//          \/PROBLEM FROM HERE\/
     if (this != activebtn) {
          Tweener.addTween(mcMain,{_alpha:0, time:1, transition:"easeOutQuart"});
          var holder2:MovieClip = _root.attachMovie(this.p, "mcMain2", 11);
          holder2._alpha = 0;
          holder2._x = 0;
          holder2._y = 110;
          Tweener.addTween(mcMain2,{_alpha:100, time:1, delay:1, transition:"easeOutQuart"});
          mcMain = mcMain2;
//           /\TO HERE!!!/\
     var prevbtn:MovieClip = activebtn;
     activebtn = this;
     this.gotoAndStop(FADEINSTOP);
     prevbtn.onRollOut();
function init() {
     for (var element in groupinfo) {
          // btn is a pointer to one of the nav buttons
          var btn:MovieClip = groupinfo[element].mc;
          // have each button remember which library/mc it is supposed to load
          btn.p = groupinfo[element].toload;
          // assign functions to each event
          btn.onRollOver = doRollOver;
          btn.onRollOut = doRollOut;
          btn.onRelease = doClick;
init();
Other Example:
The Tweener code works perfectly this first time but the second time removes the conent and does just the fade in.
The code for the buton group i got it from                     here...
Please could someone help me with this thing!!
I think its a great piece of dynamic code if we can eventualy make it work properly!!
Thanksss!!!
Shorten the code... Left only the part that needs mod!!

clbeech, Thank you but doesnt do anything either....!!It is a bit usefull but... !!
The problem is that the code cant give the "this.p" to the movieclip...
Here is the mess i've made with few changes from your part... and alot of treces to wich detected that the this.p is can't get in the onMotionFinished function...
its only the doClick function:
function doClick() {
     trace ("---------vars after click----------")
     trace ("activebtnStart "+ activebtn);
     trace ("this.p OutPre: " + this.p);
     if (this != activebtn){
          trace ("mcMainAlphaBefore: " + mcMain._alpha);
          trace ("mcMainBefore: " + mcMain);
          var mcTween:Tween = new Tween(mcMain, "_alpha", Strong.easeOut, 100, 0, 1, true);
          mcTween.onMotionFinished = function() {
               holder["mcMain"].removeMovieClip();
//               trace ("mcMainStart: " + mcMain);
//               trace ("mcMain2Start: " + mcMain2);
//               trace ("mcMainAlphaStart: " + mcMain._alpha);
//               trace ("mcMain2AlphaStart: " + mcMain2._alpha);
               trace ("this: " + this);
               trace ("this.p Pre: " + this.p);
               holder.attachMovie(btn.p, "mcMain", 1);
               holder.alpha = 0;
               trace ("this.p After: " + this.p);
//               mcMain = mcMain2;
               new Tween(mcMain, "_alpha", Strong.easeOut, 0, 100, 10, true);
//               mcMain._alpha = 100;
//               trace ("mcMainEnd: " + mcMain);
//               trace ("mcMain2End: " + mcMain2);
//               trace ("mcMainAlphaEnd: " + mcMain._alpha);
//               trace ("mcMain2AlphaStart: " + mcMain2._alpha);
     trace ("this.p OutAfter: " + this.p);
     var prevbtn:MovieClip = activebtn;
     activebtn = this;
     this.gotoAndStop(FADEINSTOP);
     prevbtn.onRollOut();
     trace ("this.p "+ this.p);
     trace ("this "+ this);
     trace ("prevbtn "+ prevbtn);
     trace ("activebtn "+ activebtn);
Pfff.....
I think its best to Attach the .fla!!
Please have a look on it if you have anytime..!!
Thanks for your interest..

AS 3 Tween Class help

I could really use some help. I'm using AS 3 and am creating a simple vertical menu where 6 buttons reside. When any of the buttons is clicked it takes you to specific frame label. On each frame label I have some actionscript that once arrived at will animate a small triangle along the y axis to rest next to the button the user has just clicked. I am trying to use the Tween Class to aminate the small triangle. Here is what I have so far:
import fl.transitions.Tween;
import fl.transitions.easing.*;
var arrowTween:Tween = new Tween(arrow_mc, "y", Regular.easeOut, 20, 80, 2, true);
The var created assigns the triangle a new end position. Here's where I need help. In the example above the 20 is the starting position and what I need is something that says whatever the current (this) position value is move to the desired end position value, which is 80 in the example.
I'm up late trying to figure this one out. Any help or ideas to lead me in the right direction is greatly appreciated.

Craig,
Thanks for the help. I really appreciate it. However, I'm still having a bit of trouble. When I put in "current arrow_mc" I get syntax errors in the compiler errors box.
1084: Syntax error: expecting rightparen before arrow_mc.
Here is the code I have put in:
stop();
import fl.transitions.Tween;
import fl.transitions.easing.*;
var arrowTween:Tween = new Tween(arrow_mc, "y", Elastic.easeOut, current arrow_mc.y, 39.5, 1, true);
Any ideas?
Mike

Tween Class not working in Projector

Hi all...
I have a very strange problem. I have a slideshow that uses
the Tween class to fade between jpg images. In the swf file and in
the standalone flash player, everything works just great. However,
when I make a projector file from the fla, either from within
Flash, or from the standalone player, the transitions stop working.
This behavior is identical on both a PC and a Mac.
Does anyone have a clue why projector would behave
differently?
Thanks.
Lance Ong

In your custom UIComponent class, your never added your myAction instance. Try this for the MyUIComp constructor:
public function MyUIComp() {
myAction = new MyAction();
this.addChild(myAction);
If this post answers your question or helps, please mark it as such.
Greg Lafrance - Flex 2 and 3 ACE certified
www.ChikaraDev.com
Flex / AIR Development, Training, and Support Services

Tween() class - having MAJOR issues

Hi All,
This is my first post and i am REALLY new to flash, also very stuck and am hoping someone can help....
Basically i have seen a tutorial for making a marker follow the mouse curser as it clicks over menu headings. I understand the tutorial and the components of the script. The code is below....
import fl.transitions.Tween;
import fl.transitions.easing.*;
var curMarkerXPos:Number = btn1.x;
var duration:Number = 0.5;
function markerFollow(event:MouseEvent):void{
     var markerTween:Tween = new Tween(marker,"x",Strong.easeOut,curMarkerXPos,event.target.x,duration,true);
     curMarkerXPos = event.target.x;
btn1.addEventListener(MouseEvent.CLICK,markerFollow);
btn2.addEventListener(MouseEvent.CLICK,markerFollow);
btn3.addEventListener(MouseEvent.CLICK,markerFollow);
btn4.addEventListener(MouseEvent.CLICK,markerFollow);
This code came from a video tutorial which i can't remember....the website has a little builder guy that follows your mouse across the menu bar on the top of the page - he uses a ROLL_OVER and i've changed it to CLICK.
It's a cool effect, but what i want to do, so similar, but different - I want to click on the button, but want the 'marker' to move in a different space, so not related to where the button is. Difficult to explain, but imagine a load of buttons on the bottom of the page, and a long bar across the top of the page. When you click on a button, the bar moves horizontally to a certain position. When you click on a different button, the bar gracefully moves horizontally to a new position which is relevant for that button.
I want the same motion as the code above is giving me, but need to be able to define the target x coordinate for the 'marker' for each individual button.....
If you understand all that, does anyone know if this is possible???
I've been really stuck on this for ages, so any help would be AMAZING!!
Thanks.

Sure it's possible and pretty simple. You want to move this marker movieClip to new locations on the stage. Make an array and put each .x location in the array from left to right. Something like this:
var markerLocArray:Array = new Array(50,100,150,200,250,300,350,400);
// substitute your numbers as needed. You should have one number for each button.
then create a second array to contain the instance names of each button:
var buttonArray:Array = new Array(btn1,btn2,btn3,btn4,btn5,btn6,btn7,btn8);
Then you just need to change the function's code a little to find the button in use and get the the corresponding location number:
function markerFollow(event:MouseEvent):void{
      var newPosition:* = markerLocArray[buttonArray.indexOf(event.currentTarget)];
     var markerTween:Tween = new Tween(marker,"x",Strong.easeOut,marker.x,newPosition,duration,true);

Tween Class fails

Hi,
i was looking for some help with tween class beacuse i have a strange problem. I'm working with AS3, when i test my project, sometimes the Tween fails, sometimes it works. It's really strange, i don't know why. The animation stops before the end point. The most strange for me is why sometimes it works and sometimes no?
My code is geting a little complex, then i tried to do the same process in a simple model, and the result was the same, i run the model many times, in 5 or 3 % the animation finished before the correct end point. Does anybody with the same problem?
Thanks in advanced!
Henrique.

Thanks clbeech!
In fact, i was using one code line (var nameTween:Tween = new Tween(...)) and calling this line many times by a Timer event. But, how can i use diferent names for the tween var? May i use a counter like var nameTween[counter]:Tween = new Tween(...)?
My code is a little big and confuse, i'll try to solve the problem without publish the code. If i don't find a solution, i'll organize it and them put it here.
Thanks a lot!
H.

Is there a bug in the as3 tween class

Is there a bug in the as3 tween class that causes tweens to stop before completing. I read that there is and that a 3rd party tween class should be used. I'm just starting out learning as3 and experimenting but this would be good to know when I move onto more complex projects.
Also the solution for this was to make your function global. Does this simply mean place your function in the top level of your movie.
I have done research on this topic but I found many conflicting answers.
Any assistance is welcome thanks in advance.

the tween declaration (if you need one) must be placed within the scope of the function. so, if the below function f() is defined in a movieclip, you can use any of the 3 (but don't use the last):
///////// most common use ////////////////////////////////////////
var t:Tween;
function f(){
t=new Tween(...)
/////// next most common use /////////////////////////////////////////
//no declaration needed because the tween is not referenced anywhere outside the function so need not be assigned a variable
function f(){
new Tween(...)
/////////// least common, not good coding, but possible ////////////
// var t:Tween; // declared on the root timeline, for example
function f(){
MovieClip(root).t=new Tween(...)
p.s. please mark correct/helpful answers

Making a complex button with the Tween class...not sure why this isn't working.

Hi all,
I'm trying to make a button which scales up on rollover and
scales down on rollout and I wanted to use the Tween class to do it
because I'm going to be making a bunch of these buttons and I want
the code to be as efficient as possible.
So right now I have a circle in a movie clip, and here's what
I have on the first frame of that circle's actions layer:
import mx.transitions.Tween;
import mx.transitions.easing.*;
function grow(who) {
var tw:Tween = new Tween(who, "_xscale", Strong.easeOut,
100, 400, 1, true);
var tw2:Tween = new Tween(who, "_yscale", Strong.easeOut,
100, 400, 1, true);
function shrink(who) {
var tw3:Tween = new Tween(who, "_xscale", Strong.easeOut,
400, 100, 1, true);
var tw4:Tween = new Tween(who, "_yscale", Strong.easeOut,
400, 100, 1, true);
this.onEnterFrame = function() {
trace(rewind);
if (rewind == true) {
shrink(this);
this.onRollOver = function() {
rewind = false;
grow(this);
this.onRollOut = function() {
rewind = true;
The circle scales up just fine but when I rollout it doesn't
scale back down. I did a trace to see if my tween was being called
and sure enough it was. So I did another trace to see if the
_xscale or _yscale was changing and they both were going down to
around 290 on rollOut although there's no noticeable difference in
the size of the button, it just looks like it's sitting there.
I was also wondering if importing the whole class library
will add very much to my file size?
Also, since I'm going to have a lot of these buttons on the
stage at the same time (these buttons will be like markers all over
a map so there'll probably be around 50+) would it be a bad idea to
have that many onEnterFrame checks running simultaneously? Is that
going to slow the user's CPU way down?

Thanks for the suggestions guys.
I tried your code and got the rollOut to work but the button
blinks rapidly if the user rolls out and then rolls back in
quickly. Here is a link to the swf:
http://www.stationarynotes.com/studioI/buttonTest.swf
It also has to reach a complete stop the first time the
button expands or else it won't run the shrink function on rollOut.
I put all of my code on the first frame of the movie clip's
actions layer so here's what mine looks like:
import mx.transitions.Tween;
import mx.transitions.easing.*;
function grow(who) {
var tw:Tween = new Tween(who, "_xscale", Strong.easeOut,
100, 400, 1, true);
var tw2:Tween = new Tween(who, "_yscale", Strong.easeOut,
100, 400, 1, true);
tw.onMotionFinished=function():Void{
who.onRollOut = function() {
shrink(who);
function shrink(who) {
var tw3:Tween = new Tween(who, "_xscale", Strong.easeOut,
400, 100, 1, true);
var tw4:Tween = new Tween(who, "_yscale", Strong.easeOut,
400, 100, 1, true);
this.onRollOver = function() {
grow(this);

Adobe air 2.6 iPhone animation tween class vs onEnterframe

Hi, Does anyone knows what's better to create alpha or slide animations on iPhone applications, using a tween class like Tweener or use the classic onEnterframe. What's the better choice, who's the better performance . Thanks, Nuno

Use Tween Class,
http://www.greensock.com/tweenlite/

Is it flash bug? Tween Class

I've been working on a bit big project. I've some components on the stage. There are basically 4 frames. Each frame has some components. What I've done is, I've used tween class. Workflow is something like this:
Frame 1:
--used Tween class to get fade effect for List component.
--used Tween.MOTION_FINISH event to fire an event when it is finished.
--when it is finished, applied eventListener
--on Change event, remove eventListeners and use Tween class again to get reverse fade effect.
--again used Tween.MOTION_FINISH event to fire an event when finished.
--in that evenHandler, gotoAndStop(2);
Frame 2:
//similar
Frame 3:
//similar
and so on.. now, what happens, is, if i play with my scene, sometimes tween class failed to work. sometimes it does not display List component, sometimes it displays List component with alpha 0.2. sometimes it happens with movieClip also. Is it flash bug or problem with my code?

probably a coding problem. the most common error that seems like a flash bug would be to define a tween within a function body allowing flash to gc that tween, possibly before it starts and/or completes.

Tween class - tweening from curent position

Similar Messages

Maybe you are looking for