Die Beispiele in diesem Artikel beschreiben den Javascript-Animationsalgorithmus. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:
Animationsalgorithmus
Linear: kein Beschleunigungseffekt (gleichmäßige Bewegung);
Quadratisch: Quadratische Lockerung;
Kubisch: kubische Lockerung
Quartic: Entspannung zur vierten Potenz;
Quintic: Entspannung zur fünften Potenz;
Sinusförmig: Leichtigkeit der Sinuskurve;
Exponentiell: Abschwächung der Exponentialkurve;
Kreisförmig: Einfache kreisförmige Kurve;
Elastisch: exponentiell abfallende sinusförmige Entspannung;
Rückseite: Kubische Entspannung außerhalb des Bereichs);
Sprungkraft: Exponentiell abnehmende Sprungkraft.
Jeder Effekt ist in drei Lockerungsmethoden (Methoden) unterteilt:
easeIn: Beschleunigungsbewegung ab 0;
equalOut: Bewegung, die auf 0 verlangsamt;
easyInOut: Die Bewegung beginnt in der ersten Hälfte bei 0 und verlangsamt sich in der zweiten Hälfte auf 0.
Die vier Parameter der Funktion
repräsentieren:
t--- aktuelle Zeit (aktuelle Zeit); b--- Anfangswert (Anfangswert); c--- Wertänderung;
d---duration (Dauer)
Das Ergebnis der Operation ist die aktuelle Bewegungsdistanz.
Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.
