Bir animasyon döngü Temel sözdizimi?

Question

Bir animasyon döngü Temel sözdizimi?

oy

1

Ben jQuery, örneğin, bir çeşit animasyon yapabiliriz biliyoruz. Ben de animasyonun çok özünde, animasyon döngünün bana çeşit yaptığını gerektiğini biliyoruz. Böyle bir döngünün bir örnektir?

Tam bir cevap ideal aşağıdaki sorulara cevap vermelidir:

her seferinde belli bir nesnenin tek bir özellik animasyon etkili bir animasyon yineleme için bir temel sözdizimi nedir? işlev, hedef nesne 'yi nesne özelliği değişiklik mümkün olmalıdır.
Ne argümanlar / parametreler almalı?
döngü yineleyen iyi bir aralığı nedir? milisaniye içinde mi? (Bu işleve bir parametre / argüman olmalı mı?)

HATIRLAMAK:

Cevap mutlaka dile özgü değildir, ancak belirli bir dilde yazıyorsanız eğer, hangisi belirtiniz.
Hata düzeltme sebebidir. {Hiçbir şey yarım yoluyla durdurma gibi garip bir şey yapar bir animasyon daha (bizim için) daha sinir bozucu.}

Teşekkürler!

animation loops pseudocode language-agnostic

Oluştur 07/03/2010 saat 14:52
kaynak kullanıcı Moshe

Diğer dillerde...

1 cevaplar

cobbal · Accepted Answer · 2010-03-08 20:54

tipik olarak, (jQuery en azından) bu döngü olarak yapılır değildir, bunun yerine geri aramalar bir dizi.

pseudojavascript:

function startAnimation(element, endPosition, duration) {
    var startPosition = element.position;
    var startTime = getCurrentTime();
    function animate() {
        var timeElapsed = getCurrentTime() - startTime;
        if (timeElapsed > duration) {
            element.position = endPosition;
            stopTimer();
        } else {
            // interpolate based on time
            element.position = startPosition +
                (endPosition - startPosition) * timeElapsed / duration;
        }
    }
    startRepeatingTimerWithCallbackAndInterval(animate, 1.0 / 30.0);
}

Bunun yerine kapanışları verileri başlangıç depolamak için nesneleri kullanmak da mümkündür.

Bu tamamıyla söz konusu tüm noktaları cevap vermez, ama bir başlangıç noktası budur.