Podstawowa składnia pętli animacji?

Question

Podstawowa składnia pętli animacji?

głosy

1

Wiem, że jQuery, na przykład, można zrobić animację rodzaju. Wiem też, że u podstaw animacji, nie musi mi jakiś pętli robi animację. Co jest przykładem takiej pętli?

Pełną odpowiedź powinna idealnie odpowiedzieć na następujące pytania:

Jaka jest podstawowa składnia skutecznej animacji rekursji, które można animować jedną właściwość danego przedmiotu w danym momencie? Funkcja powinna być w stanie zmieniać swój obiekt docelowy i własności obiektu.
Jakie argumenty / parametry powinny trwać?
Co to jest dobry wybór powtarza pętlę? W milisekundach? (Powinno to być parametr / argument funkcji?)

ZAPAMIĘTAJ:

Odpowiedź nie zawsze jest specyficzny język, ale jeśli piszesz w określonym języku, należy określić, który z nich.
Obsługa błędów jest plus. {Nic nie jest bardziej irytujące (dla naszych celów) niż animacji, dokłada coś dziwnego, jak zatrzymanie w połowie.}

Dzięki!

animation loops pseudocode language-agnostic

Utwórz 07/03/2010 o 14:52
źródło użytkownik Moshe

W innych językach...

1 odpowiedzi

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

zwykle (na jQuery przynajmniej) to nie odbywa się w pętli, ale w szeregu funkcji zwrotnych.

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);
}

Możliwe jest również, aby używać obiektów do przechowywania danych począwszy zamiast zamknięć.

To nie całkowicie odpowiedzieć na wszystkie punkty w pytaniu, ale to tylko punkt wyjścia.