Tween class problem

Hi - I'm using this script to animate some movieclips:
import mx.transitions.Tween;
import mx.transitions.easing.*;
kText.onRollOver = function() {
var btnScale:Tween = new Tween(kText.people, "_width",
Elastic.easeOut, 30, 300, 30, false);
var btnScale:Tween = new Tween(kText.people, "_height",
Elastic.easeOut, 30, 200, 30, false);
Which is fine, but when I target an mc within an mc such as:
kText.inner_mc.onRollOver = function() {
var btnScale:Tween = new Tween(kText.inner_mc, "_width",
Elastic.easeOut, 30, 300, 30, false);
var btnScale:Tween = new Tween(kText.inner_mc, "_height",
Elastic.easeOut, 30, 200, 30, false);
is doesn't seem to work - anyone know where I'm going wrong
cheers

Hi - thanks for your help. this is the script I'm using:
kText.onPress = function() {
var xScale:Tween = new Tween(this, "_width", Back.easeOut,
current_width, 2497, 30, false);
var xScale:Tween = new Tween(this, "_height", Back.easeOut,
current_height, 559, 30, false);
var xPos:Tween = new Tween(this, "_x", Back.easeOut,
current_x, 1300, 40, false);
var yPos:Tween = new Tween(this, "_y", Back.easeOut,
current_y, -100, 40, false);
var btn_alpha:Tween = new Tween(this.people, "_alpha",
Strong.easeOut, 100, 0, 40, false);
xScale.onMotionFinished = function() {
_root.attachMovie("123", "att123", 1);
att123._x = 300;
att123._y = 300;
kText.people.onRollOver = function() {
var btnScale:Tween = new Tween(this, "_width",
Elastic.easeOut, 30, 300, 30, false);
but the second function won't work as long as the first
function is there - if I take out the first function the second one
works fine.
cheers.

Similar Messages

Problems scaling width of movieclip with Tween class

In my app I'm scaling the width of a movieclip using the
Tween class.
My problem is that the new scaled width is not right.
Is this a bug in the as3 code? Does anyone have a solution?
trace(graphPanel.width) // 500
scaleValue = 5;
new Tween(graphPanel, "scaleX", None.easeNone, 1, scaleValue,
2,
true);
trace(graphPanel.width) // 2494.25

Sounds like you need to scale the star object inside of the star_mc. So you just need to make the star into a sprite/movie clip (how ever you want ot do it) then target that with the scaleX & scaleY, something like,
star_mc.star.scaleX = star_mc.star.scaleY = 1.5;

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 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 - calling Function

What am I doing wrong? I have been using the Tween Class in AS2 for years. This is how I have been using it.
//Beginning of my Flash file
import mx.transitions.Tween;
import mx.transitions.easing.*;
function fadeon(mcname:String) {
    new Tween(mcname, "_alpha", Strong.easeOut, 0, 100, 1.5, true);
//This is placed on Frames where I want to call this particular Tween
fadeon(mymovieclipsname);
Similiar setup for AS3 with no errors when I run it. The only problem is it doens't work.
import fl.transitions.Tween;
import fl.transitions.easing.*;
function fadeon(mcname:String):void {
    new Tween(mcname, "alpha", Strong.easeOut, 0, 100, 1.5, true);
//on Frames where I want to call this particular Tween
mymovieclipsname.fadeon();
if I run this portion the same as AS2 I get this lovely Compiler Error message.
1067: Implicit coercion of a value of type flash.display:MovieClip to an unrelated type String.
Any thoughts or help wold be greatly appreciated.

Note that a better solution for AS3 is to simply create a Class that does the tween (to itself), then apply that to each bullet and leave the parent out of it. I'd probably have done the same thing in AS2 as well, but I learned As1>As3>As2, so my experience is not representative.
Here's the Class that I use to do this (note I didn't use a Tween for this task as they have the danger to go out of memory before the tween is done unless you store a reference to them):
package view.effects {
import flash.display.Sprite;
import flash.events.Event;
//view.effects.SimpleFadeIn
public class SimpleFadeIn extends Sprite {
public function SimpleFadeIn() {
   super();
   addEventListener(Event.ADDED_TO_STAGE, startFade);
protected function startFade(e:Event):void {
   alpha = 0;
   addEventListener(Event.ENTER_FRAME, doFade);
   addEventListener(Event.REMOVED_FROM_STAGE, cleanUp);
protected function doFade(e:Event):void {
   if (alpha < 1) {
    alpha += .04;
   } else {
    cleanUp(e);
protected function cleanUp(e:Event):void {
   removeEventListener(Event.ENTER_FRAME, doFade);
   removeEventListener(Event.REMOVED_FROM_STAGE, cleanUp);
Note that the reason the path to the Class is there in a comment is so team members can copy and paste it into the Base Class for a MC they want to apply this behavior to.

Tween Class Help

Hi everyone. I'm doing a website and I'm having trouble with
something. I have a movieclip that I want to animate using the
tween class. however, I want thetween to occur once the frame that
the code is on loads. This is a problem because I can't use
onEnterFrame because it will play thetween continuously. I need it
to play oncethe frame loads and only once. I tried using the
movieclip.onLoad function but it's not working for me. What am I
doing wrong? Here is the code that I'm using...

If the code is in an externally loaded Movie you need to
determine when the frame is available and the general way to go is
using the MovieClipLoader class.
If the code is in a already loaded movie then follow
naomind's recommendation

Tween class in loaded mcs

I can't seem to find anything that says you can't use the
tween class in movie clips that will be loaded into other movie
clips that also use the tween class. Can anyone shed some light on
this subject for me? My tweens are not working in my loaded swfs
but do as stand alones. I do not have any _root references in my
clips.

aniebel wrote:
> I can't seem to find anything that says you can't use
the tween class in movie
> clips that will be loaded into other movie clips that
also use the tween class.
> Can anyone shed some light on this subject for me? My
tweens are not working in
> my loaded swfs but do as stand alones. I do not have any
_root references in my
> clips.
>
>
>
There is no problem with using tweens in nested clips. Check
that you
use either fully qualified calls (e.g. var tween = new
mx.transitions.Tween(...); ) or that you import the classes
you need
inside your clips (e.g. import mx.transitions.Tween;)
James O'Reilly - JOR
www.jamesor.com

Tween Class acting up

Im getting some very odd effects with the Tween class,
particularly with alpha tweens. Alpha tweens seem to be freezing up
sometimes, but they won't always. When I put in the tween:
function ani():void{
var holderTween:Tween = new Tween(holder, "alpha",
Strong.easeOut, 0, 1, 20, false);
It would often freeze, and then several of my other Tweens
started to freeze. I thought maybe it was cause I was redeclaring
the tween with the same variable name over and over (in the example
above rerunning ani() before the first tween finished), the old
tweens were being marked for garbage collection as they no longer
had a referrence. Is this possible??? If so is there an easy way
around that? Still doesnt explain why it would effect my other
Tweens though. Is it cause im redeclaring the variable? would
declaring the variable outside the function make a
difference?

yeah, if you want 54% you put .54
I appear to have found a solution the the problem. I could
have used whenMotionFinished, but I dont want to have to wait till
then. If I use an array to keep track of the variouse tweens then I
can stop the old ones before redeclaring new ones. I think I should
be able to just delete them as well, but im just stopping them for
the moment. I guess the garbage collection doesnt happen fast
enouph... or it misses it cause they had the same name. It only
seemed to happen when you repeated the same Tween class very
quickly.

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..

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

Timeline like navigation using tween class

I am a beginner, please help!
So I want to create a timeline nav like this site:
http://us.leica-camera.com/photography/m_system/m9/
timeline is a 40 x 40px color filled movie clip that use as the playhead.
featContent is the movie clip that contains the feature content.
I make the timeline controls the feature contents to slide (using tween class) to the next feature. No problem on this, but I can't make the feature to slide when click on the button.
Please shed some lights! Thank you very much!
function loadFeature(node){
      var m = 0;
      this.createEmptyMovieClip("featNav",50);
      this.timeline._xscale = 1;
     this.createEmptyMovieClip("featContent",10);
      this.featNav._x = featNav_x;
      this.featNav._y = featNav_y;
      featl = node.childNodes.length;
           fBtnW = (featNav_w/featl);
           duration = 10*featl;
      for(var x=0; x < featl; x++){
           //create nav buttons
           feat[x] = node.childNodes[x];
          this.button = this.featNav.attachMovie("menu_btn","featBtn"+x,x+ 1);
           this.button.menu_txt.text = feat[x].attributes.name;
           this.button.menu_txt.embedFonts = true;
           this.button.menu_txt.autoSize = true;
           this.button.menu_txt.setTextFormat(menuTxtFmt);
           this.button.mask_mc._width = this.button.menu_txt._width;
           this.button._x = 20 + fBtnW*x;
          this.button.curNum = x;
           //onClick
           this.button.mask_mc.onRelease = function(){
                if (this._parent._parent._parent.overlay._y > -this._parent._parent._parent.overlay._height){
                     removeOverlay();
                feat = this._parent._parent._parent.featContent;
               count = this._parent.curNum;
                newX = -Stage.width*count;
                moveTimeline = new Tween(this._parent._parent._parent.timeline, "_xscale", None.easeIn, (422*count), 1850, (duration-10*count), true);
                slideFeature = new Tween(feat, "_x", Regular.easeOut, feat._x, newX, 0.4, true);
           var t_listen = new Object;
           t_listen.onMotionChanged = function(target){
           if (count == 0){
                for(var i=0; i < featl; i++){
                     if (target.obj._xscale > (422*i)){
                          newX = -Stage.width*i;
                          slideFeature = new Tween(target.obj._parent.featContent, "_x", Regular.easeOut, target.obj._parent.featContent._x, newX, 0.4, true);
           var moveTimeline:Tween;
           moveTimeline = new Tween(this.timeline, "_xscale", None.easeIn, 1, 1850, duration, true);
           moveTimeline.onMotionFinished = function(){
                     moveTimeline.start();
      moveTimeline.addListener(t_listen);

Nevermind, I think I found what I needed. Thanks guys!

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/

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 problem

Similar Messages

Maybe you are looking for