MovieClip.FadeOut()

[kenichi]

Ein froehliches hallo an alle,

ich habe vorhin ueberlegt wie ich am einfachsten einen MovieClip ein bzw. ausfaden kann (letzteres war mir wichtiger).
Da ich auf anhieb im FForum nichts gefunden habe poste ich hier mal mein ergebnis.

MovieClip.prototype.FadeOut = function(sec)
{
    var mc = this;
    sec *= 100;
    
    var alfa = mc._alpha;
    var val = alfa / sec;
    
    
    var i=0;
    function Tween()
    {
        i++;
        alfa -= val;
        mc._alpha = alfa;
        if(i==sec*100)
        {
            clearInterval(timer);
        }
    }
    var timer = setInterval(Tween,10);
} 

Vielleicht hat ja noch mal jemand Verwendung fuer sowas...

Wenn jemand eine schoenere Loesung hat, wuerde ich mich freuen die zu sehen. Man lernt ja nie aus...

Gruss,
kenichi

[sonar]

Ne schönere nicht, aber ne andere. Die arbeitet halt mit enterFrame, dafür kann man aber ein- und ausfaden mit einstellbarem Ziel-Alpha. Vielleicht zusammenschmeißen und teuer verkaufen...?

MovieClip.prototype.fade = function(targetAlpha, speed) {
    var dir = this._alpha < targetAlpha ? 1 : -1;
    this.onEnterFrame = function() {
        this._alpha += speed * dir;
        Math.round(-this._alpha + targetAlpha) * dir <= 0 ? delete this.onEnterFrame : null;
    };
}; 

[kenichi]

@sonar

hab mir mal deinen tip zu herzen genommen...
kann ja nicht schaden eine universelle fader funktion zu haben.
hier nun das ergebnis:

MovieClip.prototype.Fade = function(target_alpha,seconds)
{
    var mc = this;
    seconds *= 100;
    
    var diff = target_alpha - mc._alpha;
    var val = diff / seconds;
    var alfa = mc._alpha;
    
    var i=0;
    function Tween()
    {
        i++;
        alfa += val;
        mc._alpha = alfa;
        if(i==seconds) clearInterval(timer);
    }
    var timer = setInterval(Tween,10);
} 

gruss,
kenichi

[sonar]

Cool!

Kommt mir zwar so vor, als ob das etwas lange Sekunden wären, aber vielleicht liegt des auch an meiner eher lahmen Kiste...

[kenichi]

sooo,
hab jetzt mal noch ein wenig dran gedreht und nu kann man zwischen zwei alphas hin und her faden auf unbestimmte zeit...
auch ne lustige sache.

MovieClip.prototype.Fader = function(first_alpha,second_alpha,seconds)
{
    var mc = this;
    seconds *= 100;
    mc._alpha = first_alpha;
    
    var diff = second_alpha - mc._alpha;
    var val = diff / seconds;
    var alfa = mc._alpha;
    
    var i=0;
    function Tween()
    {
        i++;
        alfa += val;
        mc._alpha = alfa;
        if(i==seconds)
        {
            i=0;
            val *= -1;
        }
    }
    var timer = setInterval(Tween,10);
    return timer;
} 

hehe...

gruss,
kenichi

[johanness]

Mit der angegebenen Zeit klappt des aber noch nicht so ganz!
Über prüf doch mal, zB so:

MovieClip.prototype.Fade = function(target_alpha,seconds)
{
        var mc = this;
        seconds *= 100;
        
        StartTime = getTimer();
        
        var diff = target_alpha - mc._alpha;
        var val = diff / seconds;
        var alfa = mc._alpha;
        
        var i=0;
        function Tween()
        {
                i++;
                trace(alfa);
                alfa += val;
                mc._alpha = alfa;
                if(i==seconds) {
                    clearInterval(timer);
                    EndTime = getTimer();
                    Time = EndTime - StartTimer;
                    trace("Benötigte Zeit: " + Time/1000 + " ||| Angegebene Zeit: " + seconds/100 + " (in Sekunden)");
                }
        }
        var timer = setInterval(Tween,10);
};
 
MyMC.Fade(25, 3); 

[kenichi]

@johanness

tatsache, du hast recht!
der braucht bei eingestellten 3 sekunden fast ne sekunde laenger...
nunja, muss an der rechenzeit liegen, die durch berechnungen verloren geht.

als ich die funktion geschrieben hab, hab ich lediglich bedacht, dass die eingegebenen sekunden mal 100 gerechnet und das mal den intervall von ein hundertstel die entsprechende zeit ergibt.... (*satzueberdenk*)

ansich passt das, aber nur wenn man davon ausgeht, das alle rechenoperationen in einer zeit von <= null passieren... ;o)
naja, haengt halt wie so oft vom ausfuehrenden system ab, und ich denke, daran laesst sich auch nichts ruetteln.

trozdem dank fuer die info.

gruss,
kenichi