| Περιεχόμενα |
|
| Κρατώντας τα κουμπιά | Ανταποκρίνεται σχεδιαγράμματα |
Τη δημιουργία βρόγχου παιχνίδι
Κατά τη δημιουργία παιχνίδια, εικόνες ή ξωτικά, προστίθενται με την ταινία να αντιπροσωπεύουν στοιχεία στα παιχνίδια όπως χαρακτήρες, οχήματα και εκρήξεις. Η θέση του sprite ρυθμίζεται πολλές φορές το δευτερόλεπτο από μέσα ένα βρόχο ανάλογα με κάποια παιχνίδι λογική. Κάθε ταινία έχει ένα ενσωματωμένο στο παιχνίδι βρόχο, που ονομάζεται 'Σχετικά με την ενημερωμένη έκδοση'. Καλείται κάθε φορά τις ενημερωμένες εκδόσεις των κινουμένων σχεδίων, και μπορούν να βρεθούν στις ιδιότητες του ταινία.
Δημιουργήστε μια νέα ταινία και προσθέστε μια εικόνα, που ονομάζεται επίσης ένα ξωτικό. Έχουμε χρησιμοποιήσει μια μπάλα παραλία.
 | Εισαγωγής |
Κάντε κλικ για να αποθηκεύσετε αυτή την εικόνα στον υπολογιστή σας.
BeachBall.png
στις ιδιότητες από το πρώτο καρέ της μπάλας παραλία, απενεργοποιήσετε το χρονοδιάγραμμα και το σύνολο της 'Αναγνωριστικό δέσμης ενεργειών' να Ball. Απενεργοποίηση το χρονοδιάγραμμα επιτρέπει την μπάλα να ελέγχεται χρησιμοποιώντας Javascript.
Εμείς πάμε για να γίνει η παραλία μπάλα αναπηδά από την ταινία. Έτσι πρέπει να δημιουργήσουμε κάποια ταχύτητα μεταβλητές σε το 'Γενική' σενάριο εκδήλωση. Θα κάνουμε κάθε αρχικές τιμές.
Σε την 'Σχετικά με την ενημερωμένη έκδοση' εκδήλωση, μπορούμε να κάνουμε την μπάλα που κινούνται από άθροιση των αξιών ταχύτητα για να το X και Y αξίες της μπάλας.
Ball.Y+=VelocityY;
Πατήστε το play για να ελέγξετε την ταινία. Η μπάλα θα πρέπει να πετάξει κατευθείαν από την ταινία.
 | Play |
Το X και Y ιδιότητες της μπάλας είναι το κεντρικό σημείο. Από τον έλεγχο αυτών των αξιών κατά το πλάτος και το ύψος της ταινίας, μπορούμε να ελέγξουμε για να δούμε εάν πρέπει να αναπήδηση της μπάλας. Να σπάσουμε την μπάλα, απλά αντιστρέφω την ταχύτητα.
Ball.Y+=VelocityY;
var MovieWidth=600,MovieHeight=400,BallRadius=50;
if(Ball.X>MovieWidth-BallRadius){VelocityX=-VelocityX;}
if(Ball.X<BallRadius){VelocityX=-VelocityX;}
if(Ball.Y>MovieHeight-BallRadius){VelocityY=-VelocityY;}
if(Ball.Y<BallRadius){VelocityY=-VelocityY;}
Πατήστε το play για να δοκιμάσει την ταινία και πάλι. Η μπάλα θα πρέπει τώρα να αναπηδά.
Εξαγωγή του ταινία σε HTML και να παρατηρήσετε ότι η μπάλα κινείται σε ελαφρώς διαφορετική ταχύτητα στον παίκτη. Αυτό οφείλεται στο γεγονός ότι διαφορετικές μηχανές αναζήτησης Ιστού και διαφορετικές συσκευές που τρέχουν με διαφορετικές ταχύτητες.
Να γίνει η μπάλα που κινούνται με την ίδια ταχύτητα παντού, πρέπει να υπολογίσει τη χρονική διαφορά μεταξύ ενημερώσεις. Το 'Σχετικά με την ενημερωμένη έκδοση' εκδήλωση περιλαμβάνει δύο χρήσιμες μεταβλητή που κάνει ακριβώς αυτό. TimeChange: Ο αριθμός των πλαισίων που έχουν περάσει από την τελευταία ενημέρωση. SecondsChange: Ο αριθμός των δευτερολέπτων που πέρασαν από την τελευταία ενημέρωση. Αυτές οι τιμές είναι ανεξάρτητα από το αν η ταινία έχει διακοπεί ή όχι. Είναι απλά ένας τρόπος για τον υπολογισμό του χρόνου από την τελευταία ενημέρωση. Να κάνουν τα κινούμενα σχέδια είναι πάντα κινούνται με την ίδια ταχύτητα, κάθε αλλαγή σε θέση, η γωνία ή η αδιαφάνεια πρέπει να πολλαπλασιάζεται από την αλλαγή του χρόνου ή δευτερόλεπτα.
Ball.Y+=VelocityY*TimeChange;
var MovieWidth=600,MovieHeight=400,BallRadius=50;
if(Ball.X>MovieWidth-BallRadius){VelocityX=-VelocityX;}
if(Ball.X<BallRadius){VelocityX=-VelocityX;}
if(Ball.Y>MovieHeight-BallRadius){VelocityY=-VelocityY;}
if(Ball.Y<BallRadius){VelocityY=-VelocityY;}
Δοκιμή την ταινία στο παίκτη και HTML. Η μπάλα πρέπει να κινηθεί με ακριβώς την ίδια ταχύτητα και στις δύο.
| Κρατώντας τα κουμπιά | Ανταποκρίνεται σχεδιαγράμματα |