Basissyntaxis voor een animatie lus?

Question

Basissyntaxis voor een animatie lus?

stemmen

1

Ik weet dat jQuery, bijvoorbeeld, kan de animatie van soorten te doen. Ik weet ook dat de kern van de animatie, moet er me een soort van lus doen van de animatie. Wat is een voorbeeld van een dergelijke lus?

Een volledig antwoord moet idealiter antwoord geven op de volgende vragen:

Wat is een basis syntax voor een effectieve animatie recursie dat een enkele eigenschap van een bepaald object op een moment kan animeren? De functie moet in staat zijn doelobject en eigenschap van het object variëren.
Welke argumenten / parameters moet het duren?
Wat is een goede spreiding van het herhalen van de lus? In milliseconden? (Zou dit een parameter / argument voor de functie?)

ONTHOUDEN:

Het antwoord is niet per se taal specifiek, maar als je schrijft in een specifieke taal, geef dan aan welke.
Foutafhandeling is een plus. {Niets is irritanter (voor onze doeleinden) dan een animatie die iets vreemds doet, zoals het stoppen halverwege.}

Bedankt!

animation loops pseudocode language-agnostic

De vraag is gesteld op 07/03/2010 om 14:52
bron van user Moshe

In andere talen...

1 antwoorden

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

gewoonlijk (voor jQuery tenminste) gebeurt dat niet in een lus, maar in een aantal callbacks.

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

Het is ook mogelijk om voorwerpen om te slaan uitgangsgegevens plaats sluitingen.

Dit betekent niet volledig antwoord op alle punten in de vraag, maar het is een uitgangspunt.