Analisis contoh algoritma animasi javascript_kemahiran javascript

Contoh dalam artikel ini menerangkan algoritma animasi javascript. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:

Algoritma Animasi

Linear: tiada kesan pelonggaran (gerakan seragam); Kuadratik: Pelonggaran kuadratik
Kubik: pelonggaran padu
Kuartik: Melonggarkan kepada kuasa keempat; Quintic: melonggarkan kepada kuasa kelima; Sinusoid: Kemudahan lengkung sinusoidal
Eksponen: pelonggaran lengkung eksponen; Pekeliling: Kemudahan lengkung bulat; Anjal: pelonggaran sinusoidal yang mereput secara eksponen; Belakang: Pelonggaran padu di luar julat);
Lantunan: Pelonggaran lantunan mereput secara eksponen.

Setiap kesan dibahagikan kepada tiga kaedah pelonggaran (kaedah), iaitu:

easeIn: pergerakan pecutan bermula dari 0; easeOut: pergerakan yang perlahan kepada 0; easeInOut: Pergerakan bermula dari 0 pada separuh masa pertama dan berkurangan kepada 0 pada separuh masa kedua.
Empat parameter fungsi
mewakili:

t--- masa semasa (masa semasa); b--- nilai permulaan (nilai awal); c--- perubahan dalam nilai; d---tempoh (tempoh)

Hasil operasi ialah jarak pergerakan semasa.

Tween.js adalah seperti berikut:

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.