Wie benutzt man Robert Penner's Easing Equations ???

[:: RK ::]

hi,

ich versuch gerade die "Easing Equations" von Robert Penner für
ne Animation zu verwenden.

Aber was zum Teufel muss man für die Parameter der Function
einsetzen, wenn ich will, dass das Object der Maus folgt
(also so, wie im Online Beispiel von Robert Pennert) ???

z.B. für das hier:

Math.easeOutBack = function (t, b, c, d, s) {
    if (s == undefined) s = 1.70158;
    return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
}; 

dann zeig uns mal das von Robert Penner, das will ich mal sehn, dann kann ich dir vll. helfen

[Smirgel]

hey ::rk::
Penner's Easing Equations

grüße.
smirgel.

Edit: okay, hb ich wiedermal zu schnell gelesen . wie es der maus folgt kann ich so aus dem stehgreif auch ned sagen

[:: RK ::]

hi,

trotzdem danke, mal schauen ob ich damit weiter komm
könnt aber trotzdem Lösungen posten, wenn ihr wollt

@vodoo:
damit ist, denke ich deine Frage beantwortet, oder ???

[:: RK ::]

hmm,

ich peils immer noch nicht
kann mir da jemand mal unter die arme greifen ???

hier mal mein kläglicher Versuch: (hier soll der einfach zu ner bestimmten Position gehen)
mc soll einfach von xPos 20 bis xPos 400 gehen, aber wie bring ich jetzt da das Ziel ein ???

Math.easeOutBack = function(t, b, c, d, s) {
    if (s == undefined) {
        s = 1.70158;
    }
    return c*((t=t/d-1)*t*((s+1)*t+s)+1)+b;
};
//
MovieClip.prototype.Move = function() {
    this.onEnterFrame = function() {
        this._x = Math.easeOutBack(1, this._x, 10, 50);
    };
};
_root.onMouseDown = function() {
    mc._x = 20;
    mc.Move();
}; 

in der .as File steht des noch dabei (bin daraus aber auch net schlauher geworden):

// t: current time, b: beginning value, c: change in value, d: duration, s: overshoot amount (optional)
// t and d can be in frames or seconds/milliseconds
// s controls the amount of overshoot: higher s means greater overshoot
// s has a default value of 1.70158, which produces an overshoot of 10 percent
// s==0 produces cubic easing with no overshoot

[l_ch]

so vielleicht? ungetestet...

Math.easeOutBack = function(t, b, c, d, s) {
    if (s == undefined) {
        s = 1.70158;
    }
    return c*((t=t/d-1)*t*((s+1)*t+s)+1)+b;
};
//
MovieClip.prototype.Move = function() {
    this.onEnterFrame = function() {
        this._x = Math.easeOutBack(1, this.startx, this.deltax, 50);
    };
};
_root.onMouseDown = function() {
    mc.startx = mc._x;
        mc.targetx=_root._xmouse;
        mc.deltax=mc.targetx-mc.startx;
    mc.Move();
}; 

kann man sicher noch optimieren und ist nicht besonders schön...

[:: RK ::]

hmm, des funtzt auch net

[l_ch]

aber das:

MovieClip.prototype.Move = function() {
        this.onEnterFrame = function() {
                this.counter++;
                this._x = Math.easeOutBack(this.counter,this.startx, this.deltax, 15);
                if(this.counter==15) {delete(this.onEnterFrame);}
        };
};
_root.onMouseDown = function() {
        mc.startx = mc._x;
        mc.counter=0;
        mc.targetx=_root._xmouse;
        mc.deltax=mc.targetx-mc.startx;
        mc.Move();
}; 

[:: RK ::]

wow *thumbsUp*

tausend dank

[l_ch]

gern doch

[:: RK ::]

hi,

ok, hab des jetzt gerallt
hab des mal ein bisschen weiter gebastelt.

Viel Spaß damit

[l_ch]

schön. und aufschlußreich, falls man mal nicht weiß, was die equations grad machen...