[Tutorial] RollOver/Out mit runden Animationen

Hi…

Tutorial kann man das nicht wirklich nennen… Aber ich hab schon öfters mal die Frage danach gesehen…

Es geht darum.

Du hast einen MC als Schaltfläche mit den entsprechenden Handlern definiert.
Bei onRollOver soll diese Schaltfläche dunkler faden, beim onRollOut soll diese wieder heller werden.

Typisches Problem:

Bewegt man die Maus von der Schaltfläche, während sie gerade ausfadet, wird diese wieder heller, ohne vorher zu warten, bis auch wirklich der dunkelste Wert erreicht wurde.
Das gleiche dann, wenn man danach direkt wieder auf die Schaltfläche rollt…*bevor der hellste Wert erreicht ist, wird diese wieder dunkler.

Nun… das kann bei Farbanimationen durchaus gewünscht sein… aber stellt euch vor, das ist ein Bewegungstween… dieser würde unsanft unterbrochen…

Daher kann man folgendes machen:

PHP-Code:

//Actionscript 1.0
_root.mc1.onRollOver=function()
    {
    this.onEnterFrame=function()
        {
        if(this._currentframe==1)
            {
            this.play();            
            }
        if(this._currentframe==15)
            {
            this.stop();
            delete this.onEnterFrame;
            }
        };
    }
    
_root.mc1.onRollOut=function()
    {
    this.onEnterFrame=function()
        {
        if(this._currentframe==15)
            {
            this.play();            
            }
        if(this._currentframe==1)
            {
            this.stop();
            delete this.onEnterFrame;
            }
        };
    } 


Ich hoffe, das hilft dem ein oder anderen weiter… ist nichts besonderes… aber gerade als Anfänger tut man sich mit soetwas sehr schwer.

Liebe Grü$$e

Yves

[RustyCake]

Hehe Hi 409coffeemaker!
Nette sache, des "stop()" im script kannst eigentlich kicken, die sind ja in der Animation gesetzt

Des Dinges für mehrere Buttons wäre ziehmlich viel code, da hab ich mir gedacht des machen wir kürzer

var anzahl_buttons = 4;
MovieClip.prototype.fade = function(f, l) {
    this.onEnterFrame = function() {
        if (this._currentframe == f) {
            this.play();
        }
        if (this._currentframe == l) {
            delete this.onEnterFrame;
        }
    };
};
for (var i = 1; i<=anzahl_buttons; i++) {
    _root["mc"+i].onRollOver = function() {
        this.fade(1, 15);
    };
    _root["mc"+i].onRollOut = function() {
        this.fade(15, 1);
    };
} 

Genial!


Yves

[questionner]

Hmm, ... sag mal ehrlich Rusty, versuchst Du bis zum Ende 2005 auf 100.000 Threads und Antworten zu kommen?

Ansonsten, wie immer ein feiner Prototyp.

P.S.: @409coffeemaker: Ich denke der eine oder andere wird sich sicherlich darüber freuen.

[RustyCake]

@ 409coffeemaker

@ questionner
Na ja! Statistisch gesehn, brächte ich für 100 k, Math.ceil(273 monate)!!
Unwahrscheinlich das ich des bis 2005 schaffe

[questionner]

Na dann musst Du halt ein wenig nachhelfen. Kannst ja jeden Thread duplizieren. Nimmst Du einen Prototype, der mit der max. Anzahl von 5 jeden neuen Thread von Dir sofort dupliziert als Thread-Antworten + irgendeine zusätzliche Ergänzung die per random aus 88821 noch möglichen Ergänzungen hinzufügt, die in einem Array oder so agbelegt sind und nach Verwendung dort gelöscht werden. Musst Du nur überlegen, auf was Du alles womit antworten wollen würdest. Oder hängst die Zusätze aus einem Array nach Abgleich bestimmter verwendeter Wörter an.
Aber kann man auch Threads preloaden?


Mach ruhig weiter so mit Deinem rasanten Tempo. Ist eine klasse Bereicherung für das Forum. Aber Du bist nicht jemand, der an beschleunigtem Lebensablauf leidet und eigentlich erst 6 ist und nur aussieht wie (hm.. schätze mal vorsichtig ca. ohen Gewähr) 25?

[RustyCake]

Lol! Danke fürs Kompliment, 25 wäre ich gerne wieder war ne lustige zeit

Ich bin bald 44

[questionner]

Gern geschehen. Hast Dich halt rasend jung gehalten.

Falls Du gerade mal etwas Zeit hast, weißt Du ob dies nur in der Hauptzeitleiste funzt? Das tut es nämlich. In MCs will es so nicht. Weiß ja nicht, ob Du es schon gesehen hattest.

einfaden auf EnterFrame möglich?

Alter Schwede… und ich dachte schon, die meisten Spezialisten hier aus dem Forum sind so in Toms Alter… um die 30 … aber bei Rusty macht sich ja langsam dann schon der süßliche Geruch des Alters breit…

Hehe… gibts eigentlich irgendwo Photos von den Postern hier ausm Flashforum? Ich fänd ne Gallerie ja mal ganz cool…

Yves

[querkopf]

cooles Teil

Habe mit der Prototype von Rusty mal ein wenig rumgespielt und jetzt eine Version gebastelt, bei der die Animation nicht komplett zuende spielt, sondern von dem Punkt an dem sie angelangt ist einfach wieder rückwärts läuft:

var anzahl_buttons = 1;
MovieClip.prototype.fade = function() {
    this.s = !this.s;
    this.onEnterFrame = function() {
        if (this.s == true) {
            this.nextFrame();
        } else if (this.s == false) {
            this.prevFrame();
        }
        if (this._currentframe == 1 || this._currentframe == 15) {
            delete this.onEnterFrame;
        }
    };
};
for (var i = 1; i<=anzahl_buttons; i++) {
    _root["mc"+i].s = false;
    _root["mc"+i].onRollOver = function() {
        this.fade();
    };
    _root["mc"+i].onRollOut = function() {
        this.fade();
    };
} 

[questionner]

@querkopf: auch nicht uninteressant. Kann man für verrückte Sachen nutzen.

@409coffeemaker: von wegen, das ist hier noch der Oldie-Treff. Selbst tendiere zur 40. Habe also noch etwas Zeit bis zur AS-Rente. Warrant und madokan schätze ich auch mal auf Mitte vierzig. Fotos wird es wohl kaum geben. Rusty hat seines gerade eben wieder zurückgenommen und ist wieder in der "alten Rolle" unterwegs.
Man könnte ja jetzt vermuten: je fortgeschrittener das AS-Knowhow, desto mehr Lebensalter.... Das wird jetzt vielleicht von einigen jungen wilden Heißsporen widerlegt!

Und ich hab immer schon Torschußpanik… mit meinen gerade 22 Jahren… da hab ich ja nochmal Glück gehabt…


Jens und Mathias schätze ich so auf ca. Mitte 30…

Aber was die Photos angeht… ich mal mal in „Gespräche“ einen Thread auf, indem man lustig ein Photo posten kann*…*

http://www.flashforum.de/forum/showthread.php?p=1053509



Yves

[questionner]

Das habe ich mir beinahe gedacht.

Mal sehen, ob sich einer an dem Foto-Thread beteiligt. Glaube eher nicht. Wo soll man auch all die Bilder ablegen.

[RustyCake]

@ querkopf

Colles Teil, des kann man aber kürzer schreiben

var anzahl_buttons = 4;
MovieClip.prototype.fade = function(slide) {
    this.onEnterFrame = function() {
        this[slide]();
        if ((this._currentframe == 1) || (this._currentframe == this._totalframes)) {
            delete this.onEnterFrame;
        }
    };
};
for (var i = 1; i<=anzahl_buttons; i++) {
    _root["mc"+i].onRollOver = function() {
        this.fade("nextFrame");
    };
    _root["mc"+i].onRollOut = function() {
        this.fade("prevFrame");
    };
} 

Der Sinn eines Protos ist ja das Du keine festen werte reinschreibst, (hier der frame "1" geht schon) wie zb. frame "15"

Zitat von RustyCake

Der Sinn eines Protos ist ja das Du keine festen werte reinschreibst, (hier der frame "1" geht schon) wie zb. frame "15"

var anzahl_buttons = 4;
MovieClip.prototype.fade = function(slide) {
    this.onEnterFrame = function() {
        this[slide]();
        if ((this._currentframe == this._totalframes-(this._totalframes+1)) || (this._currentframe == this._totalframes)) {
            delete this.onEnterFrame;
        }
    };
};
for (var i = 1; i<=anzahl_buttons; i++) {
    _root["mc"+i].onRollOver = function() {
        this.fade("nextFrame");
    };
    _root["mc"+i].onRollOut = function() {
        this.fade("prevFrame");
    };
} 

Klug*******er ich bin! *hüpf* *hüpf*

Bitte nicht schlagen