penner's easing - problem

[K-Grabowski]

Also ich möchte im Prinzip das sich mein MC bei MouseDown von A nach B bewegt und bei MouseUp von B nach A, irgendwie finde ich mein problem nicht, hab das script aufs wesentliche reduziert:

Math.easeOutQuad = function(t, b, c, d) {
    return -c*(t /= d)*(t-2)+b;
};
 
 
i = mc;
i.startx = i._x;
i.tarx = i.startx + 300;
 
 
function ausklapp () {
    i.starttime = 0;
    i.onEnterFrame = function () {
        this._x = Math.easeOutQuad(this.starttime++,this.startx,this.tarx,150);
        if (this.starttime == 150) {
            this.starttime = 0;
            delete this.onEnterFrame;
        }
    }
}
 
 
    
function einklapp () {
    i.starttime = 0;
    i.onEnterFrame = function () {
        this._x = Math.easeOutQuad(this.starttime++,this.tarx,this.startx,150);
        if (this.starttime == 150) {
            this.starttime = 0;
            delete this.onEnterFrame;
        }
    }
}
 
onMouseUp = einklapp;
onMouseDown = ausklapp; 

[H.Storm]

Sowas?

i = mc;
 
//---------------------------------------
 
function ausklapp () {
    i.targetx = 300;
}
 
function einklapp () {
    i.targetx = 0;
}
 
//---------------------------------------
 
i.onLoad = function () {
    this._x = 300;
    this._y = 0;
    this.targetx = 0;
    this.speed = 2;
}
 
i.onEnterFrame = function () {
    this._x+=(this.targetx-this._x)/this.speed;
}
 
//---------------------------------------
 
onMouseUp = einklapp;
onMouseDown = ausklapp; 

Das klappt...

Edit: Also je höher speed, desto smoother das ganze. Da hab' ich den Variablennamen irgendwie shice gewählt

[K-Grabowski]

Die Möglichkeit gibts wohl, kenne ich auch, aber ich möchte die Easing Sachen anwenden und verstehe nicht warum das nicht funktioniert.

Bei den Easing Sachen gibts halt noch viele andere Bewegungsabläufe.

Weiß nicht ob du die kennst??

http://www.robertpenner.com/easing/

kannst dir da ja mal die Demo angucken.

[H.Storm]

Das ist es noch nicht ganz, aber ich beweg' mich in die richtige Richtung

Math.easeInQuad = function (t, b, c, d) {
    return c*(t/=d)*t + b;
};
 
onEnterFrame = function () {
    Tstart++;
}
 
i = mc;
 
//----------------------------------------------------------------------------------
 
function ausklapp () {
    Tstart = 0;
    Xstart = i._x;
    ausklapp = true;
    einklapp = false;
}
 
function einklapp () {
    Tstart = 0;
    Xstart = i._x;
    einklapp = true;
    ausklapp = false;
}
 
i.onEnterFrame = function () {
    if (ausklapp == true) {
        this._x = Math.easeInQuad(Tstart, Xstart, 300, 150);
        if (Tstart == 150) {
            ausklapp = false;
        }
    }
    if (einklapp == true) {
        this._x = Math.easeInQuad(Tstart, Xstart, -300, 150);
        if (Tstart == 150) {
            einklapp = false;
        }
    }
}
 
//----------------------------------------------------------------------------------
 
onMouseUp = einklapp;
onMouseDown = ausklapp; 

Edit: In deisem Fall bewegt sich der MC halt immer um 300, d.h. wenn du in der Mitte der Bewegung die Maus loslässt bewegt er sich um 300 zurück und wäre dann bei -150. Also musst du eigentlich nur noch anstatt einem festen Wert für "c" eine Differenz zu einem fixen Start-/Endpunkt angeben. Zumindest glaube ich das

[H.Storm]

Ihh, Doppelposter!

Hier läuft dein MC von der oberen, linken Ecke auf die Maus zu, solange du die Taste drückst - danach zurück.

//Easing-Funktion von Robert Penner
Math.easeInQuad = function (t, b, c, d) {
    return c*(t/=d)*t + b;
};
 
onLoad = function () {
    //Als fixen Startpunkt hab' ich einfach mal die obere ecke genommen.
    Xstartpunkt = i._x = i._width/2;
    ystartpunkt = i._y = i._height/2;
    //SPEEEED
    speed = 150;
}
 
onEnterFrame = function () {
    Tstart++;
}
 
i = mc;
 
//----------------------------------------------------------------------------------
 
function ausklapp () {
    Tstart = 0;
    Xstart = i._x;
    Ystart = i._y;
    Xendpunkt = _xmouse - i._x;
    Yendpunkt = _ymouse - i._y;
    ausklapp = true;
    einklapp = false;
}
 
function einklapp () {
    Tstart = 0;
    Xstart = i._x;
    Ystart = i._y;
    Xendpunkt = Xstartpunkt - i._x;
    Yendpunkt = Ystartpunkt - i._y;
    einklapp = true;
    ausklapp = false;
}
 
//----------------------------------------------------------------------------------
 
i.onEnterFrame = function () {
    if (ausklapp == true) {
        this._x = Math.easeInQuad(Tstart, Xstart, Xendpunkt, speed);
        this._y = Math.easeInQuad(Tstart, Ystart, Yendpunkt, speed);
        if (Tstart == 150) {
            ausklapp = false;
        }
    }
    if (einklapp == true) {
        this._x = Math.easeInQuad(Tstart, Xstart, Xendpunkt, speed);
        this._y = Math.easeInQuad(Tstart, Ystart, yendpunkt, speed);
        if (Tstart == 150) {
            einklapp = false;
        }
    }
}
 
//----------------------------------------------------------------------------------
 
onMouseUp = einklapp;
onMouseDown = ausklapp; 

Frag mich nicht, ob das auch mit anderen Funktionen geht. Bin bei der Arbeit und muss fleißig sein

[K-Grabowski]

vielen dank erstmal, aber warum funktioniert meine version nicht, ich versteh es nicht;

Math.easeOutQuad = function(t, b, c, d) {
        return -c*(t /= d)*(t-2)+b;
};
 
//hier gebe ich sowohl startpunkt als auch zielpunkt ein
i = mc;
i.startx = i._x;
i.tarx = i.startx + 300;
 
//diese Funktion funktioniert einwandfrei
function ausklapp () {
        i.starttime = 0;
        i.onEnterFrame = function () {
                this._x = Math.easeOutQuad(this.starttime++,this.startx,this.tarx,150);
                if (this.starttime == 150) {
                        this.starttime = 0;
                        delete this.onEnterFrame;
                }
        }
}
 
 
//in dieser vertausche ich lediglich startx und tarx, also müsste es doch genau umgekehrt laufen, er müsste auf _x = 300 springen und langsam auf 0 zulaufen.
 
function einklapp () {
        i.starttime = 0;
        i.onEnterFrame = function () {
                this._x = Math.easeOutQuad(this.starttime++,this.tarx,this.startx,150);
                if (this.starttime == 150) {
                        this.starttime = 0;
                        delete this.onEnterFrame;
                }
        }
}
 
onMouseUp = einklapp;
onMouseDown = ausklapp; 

P.S. ich gewöhne mir schon an hinter normale Sätze Semikolons zusetzen;

[H.Storm]

Erstmal ein "stop();" unten rein. Sonst funzt das ja schonmal gar nicht. Schau ich mir gleich mal an...

Edit: Wohl doch nicht - hab' grad Arbeit bekommen *schnüff*

[K-Grabowski]

wenn man eh nur einen Frame hat schon

[K-Grabowski]

habs jetzt gecheckt c ist ja nicht der absolute endwert sondern die relative verschiebnung, jetzt ist mir das klar.

Aber großen Dank für deine Mühe H.Storm

[H.Storm]

Was heißt denn aber - meins läuft auch