Fungsi pelonggaran memungkinkan Anda menginterpolasi nilai dari satu nilai ke nilai lainnya selama interval tertentu menggunakan sesuatu yang disebut "fungsi pelonggaran". Ini adalah fungsi yang dirancang untuk mengambil nilai dan pada titik tertentu dalam interval, mengeluarkan nilai pada titik waktu tertentu.
Ini dapat dijelaskan dengan paling baik dengan melihat potongan kode:
// simple linear tweening - no easing, no acceleration
Math.linearTween = function (t, b, c, d) {
return c*t/d + b;
};
@t adalah waktu saat ini (atau posisi) dari tween. Ini bisa berupa detik atau bingkai, langkah, detik, ms, apa pun - selama unitnya sama dengan yang digunakan untuk total waktu
@b adalah nilai awal properti.
@c adalah perubahan antara nilai awal dan tujuan properti.
@ d adalah total waktu tween.
Terima kasih, http://upshots.org/actionscript/jsas-understanding-easing
Ini adalah definisi fungsi pelonggaran linear. Grafik ini dari waktu ke waktu dalam bentuk 't' kita mendapatkan grafik linier belaka.
Oke, keren. Untuk apa kita menggunakannya?
Setiap kali Anda memiliki awal dan selesai dalam pikiran dan ingin menghidupkannya, Anda dapat menggunakan "tween" atau "fungsi pelonggaran".
Sebagai contoh, inilah GIF yang saya ambil dari Angry Birds:
Perhatikan menu meluncur ke titik di layar, tetapi berhenti perlahan? Ini karena fungsi pelonggaran yang memudahkan tempatnya. Anda dapat melihatnya di seluruh web. Jika ini adalah kemudahan linier, itu akan sama di seluruh.
Musik?
Tentu! Jika kita mengambil nilai dari nilai soundtrack kita saat ini dan menyisipkannya di antara itu dan 0 di atas total kata, 1 detik maka volume kita akan perlahan-lahan menghilang selama satu detik.
Objek terikat
Ada juga fungsi yang memungkinkan untuk memantul (lihat: http://easings.net/#easeOutBounce ) yang dapat menghasilkan efek seperti ini pada sprite tanpa sistem fisika:
Anda dapat menemukan informasi lebih lanjut di web dengan mencari tweening.
