tween e problemino

[danesi]

Ciao a tutti,
sto cercando di imparare qualcosa di ac correlato alle animazion.

Vorrei far comparire quattro oggetti e fare in modo che a seconda del fatto che passi su di lor o con il mouse succedese qualcosa.

Ho scaricato un esempio funzionante che abbassa il rettangolo quando ci passo sopra con il mouse.

Vorrei provare a fare in modo che passando sopra il mouse ad uno dei rettangoli succedese qualcosa anche agli altri.
Ho provato a fare una piccola aggiunta al codice:
btn è un sempice rettangolo definito come mc nella libreria.

Vorrei che andando ad esempio sul rettangolo n.1 questo mi si allargasse e gli altri si spostassero un po' a destra. Nell'esempio in teori mi aspetto che il numero 3 si abbassi di un po'.


Di seguito il codice... Dove sbaglio?


Un sautone


import mx.transitions.Tween;
import mx.transitions.easing.*;
//
tween = [];
for (i=0; i<5; i++) {
var mc : MovieClip = _root.attachMovie("btn", "btn_"+i, 100+i);
mc._x = 30 + i*90;
mc._y = 100;
mc.onRollOver = function() {
var tween1 : Tween = new Tween(this, "_xscale", Strong.easeOut, this._y, 120, 10, false);
//for (s=0; s<5; s++)
{
//if (s != i)
{
//btn_2._y =200;
var tween3 : Tween = new Tween("btn_2", "_y", Strong.easeOut, this._y, this._y + 30, 10, false);
}
}


};
mc.onRollOut = function() {
var tween2 : Tween = new Tween(this, "_xscale", Strong.easeOut, this._y, 90, 10, false);
};
}
stop();

[eddie felson]

ciao, fai un mc largo 44px e concatenalo con nome btn poi nel primo fotogramma incolla questo codice:

import mx.transitions.Tween;
import mx.transitions.easing.*;
function rollover():Void {
    for (i=0; i<5; i++) {
        if (this._name>"btn_"+i) {
            var tween1:Tween = new Tween(_root["btn_"+i], "_x", Regular.easeInOut, _root["btn_"+i]._x, _root["btn_"+i]._x-11, 10, false);
        } else if (this._name<"btn_"+i) {
            var tween2:Tween = new Tween(_root["btn_"+i], "_x", Regular.easeInOut, _root["btn_"+i]._x, _root["btn_"+i]._x+11, 10, false);
        }
    }
    var tween3:Tween = new Tween(this, "_width", Regular.easeInOut, 44, 64, 10, false);
}
function rollout():Void {
    for (i=0; i<5; i++) {
        if (this._name>"btn_"+i) {
            var tween1:Tween = new Tween(_root["btn_"+i], "_x", Regular.easeInOut, _root["btn_"+i]._x, _root["btn_"+i]._x+11, 10, false);
        } else if (this._name<"btn_"+i) {
            var tween2:Tween = new Tween(_root["btn_"+i], "_x", Regular.easeInOut, _root["btn_"+i]._x, _root["btn_"+i]._x-11, 10, false);
        }
    }
    var tween3:Tween = new Tween(this, "_width", Regular.easeInOut, 64, 44, 10, false);
}
for (i=0; i<5; i++) {
    var mc:MovieClip = this.attachMovie("btn", "btn_"+i, 100+i);
    mc._x = 100+i*46;
    mc._y = 100;
    this["btn_"+i].onRollOver = rollover;
    this["btn_"+i].onRollOut = rollout;
} 

dovrebbe essere quello che ti serve...o darti uno spunto.

[danesi]

come sempre un grazie gigantesco...
Questa serà mi metterò al lavoro.


Un saluto

[eddie felson]

de nada!

fammi sapere se funziona come ti aspettavi.

[eddie felson]

ah, 1 cosa, non ho commentato il codice, per cui se hai problemi nella personalizzazione chiedi pure, si può facilmente rendere customizzabile e più dinamico in base a eventi o quello che ti serve.

[danesi]

Più o meno funziona... qualche problemino se si passa da un ulsante all'altro, ma credo di riuscirlo a risolvere. Grazie ancora

[eddie felson]

ho capito quello che vuoi dire, dovrebbe essere sufficiente disabilitare i pulsanti, applicare un listener alle tween e riabilitarli alla fine delle stesse. ora non riesco, se vuoi domani te lo faccio.