Anwendung der Easing Equations

[hoferisch]

Hallo
Wollte mal fragen, ob mir von Euch jemand erklärt, wie man Penners Easing Equations anwendet. Mir geht es da im Speziellen um die Math.easeInOutCirc und die Angaben, die man machen muss...

Ich suche bestimmt schon ne Stunde, auch hier im Forum. Wäre Euch echt SEEEHR dankbar für ne kleine Anleitung

[MacEvil]

Ohne Code keine Ahnung

[hoferisch]

was brauchst du von mir?
die funktion?

[MacEvil]

Ja, also der Code von dem du was willst

[hoferisch]

sry, klar!

// circular easing in/out - acceleration until halfway, then deceleration
Math.easeInOutCirc = function (t, b, c, d) {
    if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
    return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
}; 

[hoferisch]

ohje dumme Frage??

[MacEvil]

Huch, sieht ziemlich wirr aus mit dem viele Operatoren & Quadratwurzeln.
Ich würde da sagen einfach mal ausprobieren, wenns keine bessere Dokumentation gibbet

[hoferisch]

ich hatte gehofft, die hat schonmal jemand angewandt *seufzt*

[MacEvil]

Hab mal das swf davon angeguckt, aber der Code ist mir zu wild.Da kommt ma nur gut draus wenn mans selber programmiert hat.
Sorry

Penner hat doch in seinen Quelltext Erklärungen ohne Ende reingeschrieben - sowas sollte man sich schonmal durchlesen, bevor man versucht die Funktionen zu implementieren.

Ein Anwendungsbeispiel + Erklärung der Funktionsparameter:

Angenommen sei ein Movieclip auf der Bühne, den Du per easing von a nach b bewegen willst.
Schauen wir uns zunächst die von der Funktion geforderten Parameter an, so steht dort t, b, c, d

t = Zählervariable
b = Ausgangswert
c = Additionswert zum Ausgangswert
d = dauer

Also nimm einen MovieClip, den Du gerne von a - b gemäß der vorgegeben Funktion Math.easeInOutCirc bewegen möchstest, leg ihn auf die Bühne und weis ihm den Instanznamen 'mc' zu.
Dann wirfst Du folgendes Script als Bildaktion in die Zeitleiste:

Math.easeInOutCirc = function (t, b, c, d) {
        if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
        return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
};
mc.t = 0;
mc.b = this._x;
mc.c = 200;
mc.d = 150;
mc.onEnterFrame = function () {
var t = this;
if (t.t<t.d) {
t._x = Math.easeInOutCirc(t.t++,t.b,t.c,t.d);
} else {
trace("fertich getweent!")
delete this.onEnterFrame;
}
} 

...und sieh was passiert.

PS: lies Dir zu den Codeteilen, die Du siehst aber nicht ganz verstehst auch ruhig mal die AS-Referenz durch - die gibt zu vielen Dingen aufschluss..

anyway.

[hoferisch]

hey, danke für deine antwort!
ich muss mich hierzu vielleicht verteidigen, dass ich von scripting nicht viel ahnung habe. ich habe nur versucht anzuwenden und als ich die funktionen von penner gesehen habe, kam nur noch bahnhof. ich wusste auch nicht, dass man die schleife dazu selbst setzen muss und so. und da ich etwas im stress mit der lösung dazu war, hab ich einfach gefragt.

aber ich werde mich bessern, oder in zukunft früher auf die suche nach lösungen zu meinen problemen gehen

ALSO VIELEN DANK NOCHMAL
das tweening sieht übrigens wirklich genial aus

[enrico]

Hab mal eine andere Funktion in dein Script zu Penner eingesetzt. Funktioniert nicht. Mit keiner anderen???

Woran kann das liegen?

[enrico]

Ich bin ja so blöde! Sorry vergeßt es bitte ganz schnell...