View Ladislav Zigo's profile on LinkedIn

 
laco.wz.cz
Web


This benchmark is using twening _width property of 200 movieclips, in 10 seconds from 1 - 550. As easing equation is used Bounce.easeOut

All movies are compiled under MX04 for Flash Player 6

mx.effects.Tween class, Nigel Pegg

code:

import mx.effects.*
import mx.transitions.easing.*

for (var i = 0; i<200; i++) {
var t = _root.attachMovie("square_mc", "s"+i, i, {_y:i*2});
t.onTweenUpdate = function(value) {
this._width = value;
};
var tw = new Tween(t, 1, 550, 10000);
tw.easingEquation = Bounce.easeOut;
}

source
view

mx.transitions.Tween class, Robert Penner

code

import mx.transitions.*
import mx.transitions.easing.*

for(var i = 0; i < 200; i++){
var t = _root.attachMovie("square_mc","s"+i,i,{_y: i*2});
new Tween(t,"_width",Bounce.easeOut,1,550,10,true);
}

source
view

Tweening prototypes 2004 feb 11 (2.15.10) http://proto.layer51.com/d.aspx?f=804/ Zeh Fernando

code

#include "zmc_tween.as"

for (var i = 0; i<200; i++) {
var t = _root.attachMovie("square_mc", "s"+i, i, {_y:i*2});
t.tween("_width", 550, 10, "easeoutbounce");
}

source
view

Tweening prototypes for AS 2 1.1.6 http://proto.layer51.com/d.aspx?f=1142, Ladislav Zigo

code

#include "lmc_tween.as"

for (var i = 0; i<200; i++) {
var t = _root.attachMovie("square_mc", "s"+i, i, {_y:i*2});
t.tween("_width", 550, 10, "easeoutbounce");
}

source as2
view as2

source as1
view as1

DynTween engine MX 1.34 http://tatsuokato.com/flash/dynTweenMX.html, Tatsuo Kato

code

// engine

for (var i = 0; i<200; i++) {
var t = _root.attachMovie("square_mc", "s"+i, i, {_y:i*2});
t.dynTween({duration:400, _width:[550, "bounceOut"]});
}

source
view

ActionScript Timeline v1.0 , http://www.shovemedia.com/chooser/index.php?xml_file=timeline_v1_0.xml , Jon Williams

code:

tweener = new Timeline ("parallel", "enterFrame")

for (var i = 0; i<200; i++) {
var t = _root.attachMovie("square_mc", i, ++_root.attachDepth, {_y:i*2});

//trace (t)

var tw = new Object()
tw.mc = t
tw.d = 200
tw.c = 550
tw.easeEq = "easeOutBounce"
tw.property = "_width"

tweener.addRepeatingAction (Timeline.library, "tween", tw)
}

tweener.play()

source
view

fly.easing.Tween, EECOLOR

for(var i = 0; i < 200; i++){
var t = _root.attachMovie("square_mc","s"+i,i,{_y: i*2});
var tw = new fly.easing.Tween();
tw.easingFunction = mx.easing.Bounce.easeOut;
tw.setProp("_width", 550);
tw.go(t, 10000);
}

source
view


Optimized usage:

mx.effects.Tween class/Nigel Pegg

code:

import mx.effects.*;
import mx.transitions.easing.*;

stop();
_root.onTweenUpdate = function(value) {
for (var i=0; i<200; i++) {
squares[i]._width = value;
}
}
squares = new Array();
for (var i = 0; i<200; i++) {
squares[i] = _root.attachMovie("square_mc", "s"+i, i, {_y:i*2});
}
var tw = new Tween(_root, 1, 550, 10000);
tw.easingEquation = Bounce.easeOut;

source
view

fly.easing.TweenGroup, EECOLOR

var mc_array = new Array();

for(var i = 0; i < 200; i++){
mc_array[i] = _root.attachMovie("square_mc","s"+i,i,{_y: i*2});
}
var tw = new fly.easing.TweenGroup();
tw.easingFunction = mx.easing.Bounce.easeOut;
tw.setProp("_width", 550);
tw.go(mc_array, 10000);

source
view

Tweening prototypes for AS 2 1.1.4 (http://proto.layer51.com/d.aspx?f=1142) /Ladislav Zigo

mcs = [];
function onUpdate(mc) {
for (var i in mcs) {
mcs[i]._width = mc._width;
}
}
for (var i = 0; i<200; i++) {
var t = _root.attachMovie("square_mc", "s"+i, i, {_y:i*2});
mcs.push(t);
}
t.tween("_width", 550, 10, "easeoutbounce", 0, {updfunc:onUpdate, updscope:_root, updargs:[t]});

source
view




download | examples | installation | custom Easing Tool | links