[Sonstige] [Tutorial] Button - Hint kommt reingeflogen

[the0bone]

Hi TP´s und Flashies!

Da auf unserem Portal zur Zeit nicht viel los ist, poste ich hier mal ein kleines Tutorial, was selbst kieseler.com noch ein bisschen aufwerten könnte.

Beim surfen im Netz bin ich mal wieder auf so einen Schaltflächeneffekt gestossen. Hier findet ihr, was ich meine!
Man ich mit der Mouse über einer Schaltfläche und von rechts faded eine Schrift, weitere Schaltflächen oder ein Bild sanft hinein und verschwindet dann wieder zur linken Seite.

Wie geht das und wie geht das, ohne Fehler, wenn ich mit der Mouse wie ein Blöder druaf und weg, drauf und weg von der Schaltfläche gehe. (PS: beim dem Link oben tritt dieser Fehler auf!)

1. Schritt
Eine Schaltfläche auf der Bühne erstellen und ihr folgendes ActionScript zuweisen:

PHP-Code:

on (rollOver) {
mouseda = true;
}
on (rollOut) {
mouseda = false;
} 


Hiermit setze ich nur eine Variable, die ich an anderer Stelle auswerte.

2. Schritt
Erstellen der Grafik, Textes oder sonstwas, was herreingeflogen kommen soll. Dieses wird dann in einen MC gepackt und als Instanz benannt.

3. Schritt der MC bzw. die Instanz benötigt ein ActionScipt, damit er/sie ein Verhalten kann. Dieses Verhalten sollte sich nach der oben genannten Variable richten.
Vor jedem Verhalten sollte die Instanz ersteinmal ausgeblendet werden und eine Position erhalten.

PHP-Code:

onClipEvent (load) {
    // Voreinstellungen
    this._x = 150+50;
    this._alpha = 0;
} 


Jetzt das oben angesprochene

PHP-Code:

onClipEvent (enterFrame) { //wenn du dieses Bild erreichst
    if (_level0.mouseda == true) { // und wenn die Mouse über der Schaltfläche ist
        this._x = (150-this._x)*0.3+this._x; //bewege dieses Objekt aus die Position 150px von linken Rand zu
        if (this._alpha<100) { //wenn jetzt noch der Alphawert kleiner 100 ist
            this._alpha = this._alpha+10; //dann erhöhe den Alphawert
        } //Ende des MouseOver
    } else {
        // wenn mouse weg
        this._x = this._x-5; //bewege dieses Objekt um 5 nach links
        this._alpha = this._alpha/2; //und verringere Alpha
    }
    if (this._alpha == 0) { //wenn Alpha 0
        this._x = 150+50; //dann setze das Objekt wieder an die Startposition
    }
} 


Super kommt der Effekt natürlich, wenn die Schaltfläche mittig über der 150 steht; der Effekt also genau unter der Schaltfläche stattfindet.

Viel Spass und postet doch bitte ein paar Links zu euren Umsetzungen!

[the0bone]

Mal wieder hochholen, den Thread!

[LooM_mx3]

Hi!
setze es morgen auf einer Page ein - deshalb hier das Flash zur Veranschaulichung ... Flash 8
Und DANKE Coole Sache!

CU
Stev