Fungsi pelonggaran

11

Saya mulai melibatkan diri dengan fungsi pelonggaran (Flash AS3), muncul ketika mencoba memahami situs TweenLite dan Robert Penner: http://www.robertpenner.com/easing/

Pertanyaan yang saya miliki adalah apa dasar matematika untuk fungsi-fungsi ini. Saya telah melihat situs lain memodifikasi fungsi untuk membuat fungsi pelonggaran kustom.

flash animation tweening easing Tetrad
sumber
1
Saya pikir ini cukup baik dan dijelaskan secara luas dalam pdf yang ditautkan di situs Robert Penners: robertpenner.com/easing/penner_chapter7_tweening.pdf
bummzack

Jawaban:

6

Baik tweening dalam kasus umum hanya gerakan parametrik (khusus, mendefinisikan fungsi f (x) di mana x dapat menjadi 0,1 untuk posisi / rotasi / skala / apa pun) dengan pengubah pada nilai parametrik yang Anda lewati. Pengubah juga memiliki kisaran 0..1.

Jika Anda memplot algoritma pada grafik Anda akan mendapatkan sesuatu yang dimulai pada 0, berakhir pada 1, dan kemiringan kurva menentukan kecepatan pada titik waktu tersebut.

Jika Anda ingin matematika untuk fungsi pelonggaran sendiri, lihat ini: http://iphonedevelopment.blogspot.com/2010/12/more-animation-curves-than-you-can.html

Tetrad
sumber
4

Saya telah menulis primer tentang interpolasi, yang mungkin bermanfaat - http://iki.fi/sol/interpolation/

Sumber hebat lainnya adalah alat interaktif ini: http://www.gizma.com/easing/

Jari Komppa
sumber
Tautan pertama itu sangat informatif. Artikel bagus
bummzack
@JariKomppa saya harus bertanya, dari mana (3-2 (x)) itu berasal? Dan mengapa x memiliki tanda kurung? Bukankah selalu menghasilkan 3- (2 * x)?
Sidar
@ Sidar Tidak dapat mengingat secara langsung dari mana formula berasal, tetapi pada dasarnya ini adalah case spline khusus (yang mengarah ke formula sederhana). (X) disebabkan oleh bentuk makro - 'x' dapat berupa apa saja, misalnya '3 ​​+ 7', yang akan mengarah ke (3-2 * (3 + 7)) dan bukan (3-2 * 3 + 7).
Jari Komppa