Βασική σύνταξη για ένα βρόχο κινούμενα σχέδια;

Question

Βασική σύνταξη για ένα βρόχο κινούμενα σχέδια;

ψήφοι

1

Ξέρω ότι jQuery, για παράδειγμα, μπορεί να κάνει animation του είδους. Γνωρίζω, επίσης, ότι στον πυρήνα της κίνησης, εκεί πρέπει να με κάποιο είδος βρόχου κάνει την κίνηση. Τι είναι ένα παράδειγμα ενός τέτοιου βρόχου;

Μια πλήρης απάντηση θα πρέπει ιδανικά να απαντήσει στα ακόλουθα ερωτήματα:

Τι είναι μια βασική σύνταξη για ένα αποτελεσματικό αναδρομή animation που μπορεί να κινήσει μια ενιαία ιδιοκτησία ενός συγκεκριμένου αντικειμένου σε μια στιγμή; Η λειτουργία θα πρέπει να είναι σε θέση να μεταβάλει το αντικείμενο-στόχο του και την περιουσία του αντικειμένου.
Ποια επιχειρήματα / παράμετροι θα πρέπει να το πάρει;
Τι είναι μια καλή σειρά επαναλαμβάνοντας τη θηλιά; Σε χιλιοστά του δευτερολέπτου; (Σε περίπτωση που αυτό είναι μια παράμετρος / επιχείρημα για την λειτουργία του;)

ΘΥΜΑΜΑΙ:

Η απάντηση δεν είναι κατ 'ανάγκην συγκεκριμένη γλώσσα, αλλά αν γράφετε σε μια συγκεκριμένη γλώσσα, διευκρινίστε ποια.
αντιμετώπιση των λαθών είναι ένα συν. {Τίποτα δεν είναι πιο ενοχλητικό (για τους σκοπούς μας) από ένα animation που κάνει κάτι παράξενο, όπως η διακοπή στα μέσα της διαδρομής.}

Ευχαριστώ!

animation loops pseudocode language-agnostic

Δημοσιεύθηκε 07/03/2010 στις 14:52
πηγή χρήστη Moshe

Σε άλλες γλώσσες...

1 απαντήσεις

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

τυπικά (για jQuery τουλάχιστον) αυτό δεν γίνεται σε ένα βρόχο, αλλά μάλλον σε μια σειρά από επιστροφές κλήσεων.

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

Είναι επίσης δυνατή η χρήση αντικειμένων για να αποθηκεύσετε την έναρξη των δεδομένων αντί για το κλείσιμο.

Αυτό δεν απαντά πλήρως όλα τα σημεία στην ερώτηση, αλλά είναι ένα σημείο εκκίνησης.