Source Code: MultiTween Class

"while this class can be handy in Flash 8, it really is a lot more useful in Flash 8"

There is an error there ;)

Cool class, I like it, will learn from it I'm sure.

gskinner writes: "I've wanted an easy way to tween multiple properties of an object for a while now, but always been a little too lazy (or busy) to build one"

i hear ya - and there is no reason to write it - N heads are better than one in this case!!!

for those that don't know - there are EXCELLENT tweening libs for flash 6 & 7 -

http://laco.wz.cz/tween/

http://www.yestoall.com/flashAPI/

long live open source

ps

I don't really care about flash 8 as it doesn't work in linux. i use flash for thin client front ends 80 percent more than web/browser based work.

i'll catch up with you in a few years when macromedia updates the plugin. they did a great job on flash 7 linux, but it's a shame they dropped gflashplayer...

Jon - been typing "Flash 8" too much recently. :) Fixed it above.

nano - there are lots of great tweening classes (don't forget MM's, and Penner's), and many of them do not offer support for multi-tweens (particularly with matrixes) which is why I built this system to work with any of them. Often, we do not use tween classes, or roll our own lightweight ones - many of the popular tween classes have gotten bloated and/or slow.

Grant.

Thanks for sharing.

Just to round off tween classes - Have you come across George Medve's tweenExtend class (http://www.sqcircle.com/downloads/)? It has multi-tweens, and just extends the built in MM tween class.

I've been using this happily on some projects now.

I do like your set position property.

I have not got flash 8 yet but am desperate to suss out how to tween mulitple properties of an array. Using mx2004 and fp7 would any one kindly refer me onto the equivalant of grants above example.

A fantastic class grant, Simon

Sorry should of read the article properly and made my request clearer, could I impliment this code to move an array of mc's to different _x coordinates (in a scroll fashion)?

Penner's tween class was mentioned above... Has anyone used this extensively? I've tried using it but it seems to use a phenomenal amount of resources when running multiple tweens at the same time.

"This architecture let's you use any existing tween class, or custom tweening functions without any modifications, by simply applying the tweening to MultiTween.position value rather than the object properties. "

Grant, can you post an example of this? Not sure what syntax to use to make that happen.

Thanks,

Jim Kremens

"Penner's tween class was mentioned above... Has anyone used this extensively?"

I have. I made a class to work in coordination with it. Its called an animation class. Although I have to admit that Grant's class probably works better than mine. Because mine was primarily built as a way to animate movie clips, not objects. But I don't think Penner's equations use a lot of resources at all. I can run multiple properties and multiple clips animating at the same time with little performance hit. If anyone wants access to my animation.as file, let me know, I can hand it out.

Grant, good work as always - wanted to tip you and other users off to the new Zigo Engine and Fuse classes, available in an advance release now:

The Zigo engine has been updated into the modern world, as an all-static class where the shortcuts like alphaTo are optionally initialized into any object you want. Fuse adds a powerful, flexible syntax to tween as many properties in as many objects as you want (color transforms and filters are fully supported), then create sequences of tweens and method calls.

Here's what it looks like,

// This method will be used to continuously reapply the filter to the clip.

function reapplyFilters() {

art.filters = filterArray;

}

var dsf = new Fuse();

dsf.target = filter;

dsf.scope = this; // this lets you skip declaring updscope in each action

// add a series of 3 tweens with as many properties as you want.

dsf.push(

{distance:10, seconds:.5, ease:'easeOutQuad', updfunc:'reapplyFilters'},

{strength:'10', angle:'40', seconds:.5, ease:'easeInQuint', updfunc:'reapplyFilters'},

{blurY:10, seconds:.5, ease:'easeOutQuint', updfunc:'reapplyFilters'}

);

dsf.start();

yet another way to put your filters in motion is www.flash-fmp.de

with these so called filter managing prototypes you can tween your filters just the

same way as you ever did before with any kind of movieclip property (such as x, y or alpha...)

you can use it e.g. in combination with laco tweens or mx.transitions tweens.

Can someone post an exmaple of using this multiTween on an filter (say a blur) ?

I have a problem where, if I import the MultiTween class in the 1st frame:

import com.gskinner.transitions.MultiTween;

And then call it in the 2nd frame:

var mt:MultiTween = new MultiTween(myMC,{_xscale:200,_yscale:200});

I get an error:

The class or interface 'MultiTween' could not be loaded.

Why is this happening? Why can't I call the MultiTween calls in a different frame?

Sam - I'll post some new examples in the next couple days using filters and the mx Tween class.

Eric - This is just how Flash works. You must import a class on every frame that uses it when using AS1.

Here's a hack fix (unless there's a better way).

On the 1st frame have:

import com.gskinner.transitions.MultiTween;

function initMT( obj,props ) {

obj.mt = new MultiTween( obj,props );

}

On the 2nd frame have:

initMT( myMC,{_xscale:200,_yscale:200} );

myMC.mt.position = 1;

Of course you can use an onEnterFrame or tween function for the myMC.mt.position value, but this works for anywhere in your file without having to ugly recode the import everywhere, yuck.

hello smarter people..

i would like to use the multiTween with an onRelease function called from different buttons. For instance, I would like to have a navigation that each nav button could change the background mc to a different color. From what I have seen, I can do something close with onEnterFrame from the samples.. Is there any documentation of this available?

thanks!

please send me source codes in which classes and structures are used