Hareket hızı fonksiyonları


11

Kendimi hareket hızı işlevleriyle (Flash AS3) dahil etmeye başladım, TweenLite ve Robert Penner'in web sitesini anlamaya çalışırken ortaya çıktı: http://www.robertpenner.com/easing/

Benim sorum şu, bu fonksiyonlar için matematik temeli nedir. Başka siteler özel hareket hızı işlevi oluşturmak için işlevleri değiştirmek gördüm.


1
Robert Penners sitesine bağlı pdf'de oldukça iyi ve kapsamlı bir şekilde açıklandığını düşünüyorum: robertpenner.com/easing/penner_chapter7_tweening.pdf
bummzack

Yanıtlar:


6

İyi genel durumda doldururken sadece parametre (özellikle, bir fonksiyon tanımlama hareket f (x) burada X pozisyonda / döndürme / ölçek / ne olursa olsun 0..1 olabilir) yönteme geçen parametre değeri bir modifiye edici ile. Değiştirici ayrıca 0..1 aralığına sahiptir.

Algoritmayı bir grafiğe çizerseniz, 0 ile başlayan, 1 ile biten bir şey elde edersiniz ve eğrinin eğimi o noktadaki hızı tanımlar.

Hareket hızı işlevlerinin matematiğini istiyorsanız, şuna bakın: http://iphonedevelopment.blogspot.com/2010/12/more-animation-curves-than-you-can.html


4

İnterpolasyon üzerine, bazı yararları olabilecek bir astar yazdım - http://iki.fi/sol/interpolation/

Başka bir harika kaynak bu interaktif araçtır: http://www.gizma.com/easing/


Bu ilk bağlantı çok bilgilendirici. İyi makale.
bummzack

@JariKomppa sormalıyım, (3-2 (x)) nereden geliyor? Ve neden x'in parantezleri var? Her zaman 3- (2 * x) ile sonuçlanmaz mı?
Sidar

@Sidar Formülün nereden geldiğini hazırlıksız hatırlayamıyorum, ancak temelde özel bir durum spline (basit bir formüle yol açıyor). (X) makro formundan kaynaklanmaktadır - 'x' herhangi bir şey olabilir, örneğin '3 + 7', (3-2 * (3 + 7)) değil (3-2 * 3 + 7).
Jari Komppa
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.