Πώς να προσθέσετε εφέ Drift στο παιχνίδι σας HTML5 - ανδρείκελα

Μπορείτε να χρησιμοποιήσετε τους φορείς δύναμης με ενδιαφέρον τρόπο στο παιχνίδι HTML5. Πολλά παιχνίδια αγώνων περιλαμβάνουν μηχανισμούς ολίσθησης ή παρασυρόμενων μηχανισμών. Η απόκτηση της σωστής αυτής συμπεριφοράς απαιτεί πολύ εξελιγμένα μαθηματικά, αλλά μπορείτε να κάνετε μια λογική προσέγγιση αυτής της συμπεριφοράς χωρίς πολύ μεγάλη προσπάθεια.

Αυτή η εικόνα δεν αρκεί. Πραγματικά πρέπει να το δούμε σαν πρόγραμμα εργασίας επειδή είναι πραγματικά δροσερό. Καθώς μετακινείτε τη βάρκα γύρω από την οθόνη, το σκάφος παρασύρεται και κολλάει. Είναι πραγματικά διασκεδαστικό να παίζεις.

Πώς να προσθέσετε συμπεριφορά παρασυρόμενων στο αντικείμενο του παιχνιδιού σας

Για να έχετε μια απλή συμπεριφορά παρασυρόμενων, απλά προσθέστε ένα μικρό διάνυσμα δύναμης στην τρέχουσα κατεύθυνση του σκάφους, ανεξάρτητα από το αν ο χρήστης πιέζει επί του επιταχυντή.

Αυτή η τεχνική είναι ένας συμβιβασμός μεταξύ της κίνησης που βασίζεται στον χώρο (όπου το διάνυσμα δύναμης προστίθεται μόνο όταν πιέζεται ο επιταχυντής) και την τυπική συμπεριφορά του αυτοκινήτου (όπου η κατεύθυνση κίνησης ακολουθεί πάντα τη μύτη του οχήματος). Κάθε καρέ έχει λίγο από κάθε συμπεριφορά.

Εδώ είναι ο κώδικας:

παρασύρεται. html var παιχνίδι? σκάφος var? λειτουργία Boat () {tBoat = νέο Sprite (παιχνίδι, "boat. png", 100, 50); tBoat. checkKeys = λειτουργία () {κονσόλα. log (αυτή την ταχύτητα). αν (κλειδιάΚατά [K_LEFT]) {αυτό. changeImgAngleBy (-5);} αν (keysDown [K_RIGHT]) {αυτό. changeImgAngleBy (5);} αν (keysDown [K_UP]) {αυτό. addVector (αυτό το getImgAngle (), 2);} αυτό. addVector (αυτό το getImgAngle (), (αυτή η ταχύτητα / 20))? } // end check Keys tBoat. checkDrag = συνάρτηση () {ταχύτητα = αυτό. getSpeed ​​(); ταχύτητα * =. 95; Αυτό. setSpeed ​​(ταχύτητα);} επιστροφή tBoat;} λειτουργία init () {παιχνίδι = νέα σκηνή (); παιχνίδι. setBG ("# 000066"); σκάφος = νέο σκάφος (); παιχνίδι. start ();} // end init λειτουργία ενημέρωσης () {παιχνίδι. Σαφή(); σκάφος. checkKeys (); σκάφος. checkDrag (); σκάφος. update ();}

Τρόπος προσθήκης παρασυρόμενων στα sprites του παιχνιδιού σας

Είναι μια πολύ απλή διαδικασία.

1. Κατασκευάστε ένα πρότυπο μοντέλο οχήματος.

   Σκεφτείτε να κάνετε μια βάρκα, μόνο για παραλλαγές.

2. Χρησιμοποιήστε ένα διάνυσμα δύναμης για επιτάχυνση.

   Και πάλι, ρυθμίζετε χειροκίνητα την ταχύτητα, ο μηχανισμός addVector () σας δίνει μεγάλη δύναμη. Το διάνυσμα δύναμης επιτάχυνσης (που χρησιμοποιείται στο πάτημα πλήκτρων προς τα πάνω) μπορεί να είναι μια κυριολεκτική τιμή, αλλά δεν χρειάζεται να είναι τεράστια. Επειδή πραγματικά πρόκειται να προσθέσετε ένα δεύτερο διάνυσμα δύναμης, ίσως θελήσετε να μετριάσετε το διάνυσμα επιτάχυνσης.

3. Προσθέστε ένα μικρό φορέα δύναμης σε κάθε πλαίσιο.

   Το πρωτεύον διάνυσμα δύναμης συμβαίνει μόνο όταν επιταχύνετε, αλλά ένα δευτερεύον μικρότερο διάνυσμα προστίθεται κάθε πλαίσιο. Αυτό το διάνυσμα πηγαίνει προς την κατεύθυνση προς την οποία βρίσκεται το πλοίο.Αυτό το μικρό διάνυσμα κίνησης θα προσομοιώσει την ορμή. Είναι σημαντικό αυτό το διάνυσμα δύναμης να είναι ένα ποσοστό της ταχύτητας παρά μια κυριολεκτική τιμή. Αν πάντοτε προχωράτε ένα εικονοστοιχείο, για παράδειγμα, το σκάφος δεν θα σταματήσει ποτέ.