Σπίτι Προσωπικά Οικονομικά Πώς να προσθέσετε πυραύλους σε αντικείμενα στο παιχνίδι σας HTML5 - dummies

Πώς να προσθέσετε πυραύλους σε αντικείμενα στο παιχνίδι σας HTML5 - dummies

Πίνακας περιεχομένων:

Βίντεο: Drakensang Online | Live stream #1 | #WELCOMECMJESSE 2024

Βίντεο: Drakensang Online | Live stream #1 | #WELCOMECMJESSE 2024
Anonim

Οι αντιπρόσωποι αυτοκινήτων είναι ευαίσθητοι στην εγκατάσταση των όπλων στην πορεία σας, αλλά γι 'αυτό και οι άνθρωποι γίνονται προγραμματιστές παιχνιδιών. Έτσι, μπορείτε να προσθέσετε πυραύλους στα αντικείμενα του παιχνιδιού HTML5. Αν θέλετε βλήματα στο μίνι-βαν σας, θα έχετε πυραύλους (τουλάχιστον στο εικονικό minivan). Πολλά βίντεο παιχνίδια περιλαμβάνουν γυρίσματα, και αυτό είναι ένα πολύ εύκολο αποτέλεσμα να προσθέσετε.

Βασικά βλημάτων για το παιχνίδι σας

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

  • Το βλήμα είναι ένας σκωγράφος. Δημιουργήστε ένα νέο sprite για το βλήμα. Μπορείτε να το κάνετε μια απλή κουκίδα ή να σχεδιάσετε ένα πλήρες βλήμα.

  • Δημιουργήστε ένα προσαρμοσμένο sprite για τον πυραύλο. Ο πύραυλος θα χρειαστεί μερικές μεθόδους, οπότε ίσως και να το καταστήσετε ένα έθιμο sprite.

  • Τα πυραύλια πεθαίνουν όταν φεύγουν από την οθόνη. Ο ευκολότερος τρόπος για να πάρετε αυτή τη συμπεριφορά είναι να ρυθμίσετε τη δέσμευση του πυραύλου σε DIE.

  • Προσθέστε μια μέθοδο φωτιά () . Η μέθοδος πυρκαγιάς () θα ενεργοποιηθεί όταν πυροδοτηθεί το πυραύλλιο.

  • Επαναχρησιμοποιήστε τον ίδιο πυραύλο ξανά και ξανά. Παλιά βλήματα δεν πεθαίνουν ποτέ. Είναι απλά κρυμμένα και επαναχρησιμοποιούνται όταν ο χρήστης πυροβοληθεί ξανά. Όταν ένα βλήμα χτυπά κάτι, κρύψτε τον πυραύλο. Αυτό θα το κάνει αόρατο και αδιαπέραστο στις συγκρούσεις.

Πώς να ξεκινήσετε τους πυραύλους παιχνιδιών σας

Ο κώδικας για τον πυραύλο. Το html είναι όπως ένα μεγάλο μέρος του βασικού κώδικα αυτοκινήτου που έχετε δει:

πυραύλων. html var παιχνίδι? var αυτοκίνητο? var βλήμα; λειτουργία Αυτοκίνητο () {tCar = νέο Sprite (παιχνίδι, "car. ​​png", 50, 30); tCar. setSpeed ​​(3); tCar. setAngle (135); tCar. checkKeys = συνάρτηση () {if (keysDown [K_LEFT]) {αυτό. turnBy (-5);} αν (keysDown [K_RIGHT]) {αυτό. turnBy (5);} αν (κλειδιάΚατά το [K_SPACE]) {βλήμα. fire //)}} // // τελικό checkKeys επιστρέφει tCar;} // τελική λειτουργία def defragment () {tMissile = νέο Sprite (παιχνίδι, "πυραύλων. png", 30, 20); tMissile. κρύβω(); tMissile. fire = λειτουργία () { αυτό. προβολή(); tMissile. setSpeed ​​(15); αυτό. setBoundAction (DIE); αυτό. setPosition (αυτοκίνητο x, αυτοκίνητο y); αυτό. setAngle (αυτοκίνητο getImgAngle ()); αυτό. setImage ("πυραύλων.png"); αυτό. setSpeed ​​(15); } // τέλος πυρκαγιάς επιστροφή tMissile;} // end function def init () {game = new Scene (); αυτοκίνητο = νέο αυτοκίνητο (); βλήμα = νέα βολή (); παιχνίδι. start ();} // end init λειτουργία ενημέρωσης () {παιχνίδι. Σαφή(); αυτοκίνητο. checkKeys (); αυτοκίνητο. εκσυγχρονίζω(); πυραύλων. εκσυγχρονίζω(); } // end update

Τα βλήματα είναι πολύ διασκεδαστικά για την κατασκευή και δεν είναι πολύ δύσκολα, όπως φαίνεται εδώ:

  1. Κατασκευάστε ένα κανονικό σπρίτ για να ξεκινήσετε το βλήμα.

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

  2. Το βλήμα θα είναι το δικό του σπρέι.

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

  3. Προσθέστε μια σκανδάλη για να πυροβολήσετε τον πυραύλο.

    Επειδή το αυτοκίνητο θα εκτοξεύσει το βλήμα, ο κωδικός σκανδάλης είναι στη μέθοδο checkKeys του αυτοκινήτου.

  4. Ρυθμίστε το βλήμα που πρέπει να κρυφτεί από προεπιλογή.

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

  5. Δημιουργήστε μια μέθοδο πυρκαγιάς () για τον πυραύλο.

    Ο πυραύλος κάθεται περιμένοντας να ενεργοποιηθεί. Η μέθοδος πυρκαγιάς () εκτοξεύει το βλήμα σε δράση.

  6. Κάντε το βλήμα ορατό.

    Η μέθοδος show () είναι το αντίθετο του hide (). Προκαλεί ορατό σφήνα και προκαλεί συγκρούσεις.

  7. Δώστε στον πυραύλο μια γρήγορη αρχική ταχύτητα.

    Όπως γνωρίζετε, τα βλήματα είναι κανονικά γρήγορα.

  8. Απόκρυψη του πυραύλου όταν χτυπάει την άκρη.

    Όταν το βλήμα χτυπά στην άκρη της οθόνης, πρέπει να κρυφτεί. Η ρύθμιση της δέσμευσης του πυραύλου στο DIE θα κάνει αυτόματα τη συμπεριφορά.

  9. Απόκρυψη του πυραύλου αν χτυπά κάτι άλλο.

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

Αφού δουλέψετε η συνηθισμένη συμπεριφορά των πυραύλων, μπορείτε να δοκιμάσετε μια σειρά από ενδιαφέρουσες παραλλαγές:

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

  • Προσθέστε άλλα φυσικά σε βλήματα. Μπορείτε να κάνετε τους πυραύλους να σύρουν όπως οποιοσδήποτε άλλος sprite.

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

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

Πώς να προσθέσετε πυραύλους σε αντικείμενα στο παιχνίδι σας HTML5 - dummies

Η επιλογή των συντακτών

Πώς να δημιουργήσετε Flash CS5 σύμβολα κουμπιών - dummies

Πώς να δημιουργήσετε Flash CS5 σύμβολα κουμπιών - dummies

Για να βελτιώσετε τις ταινίες Adobe Flash Creative Suite 5 μπορούν να χρησιμοποιήσουν τα κουμπιά Flash CS5 για να δώσουν στους χρήστες τον έλεγχο της δράσης με έλεγχο χρόνου και πλοήγηση. Στο Flash, τα κουμπιά είναι ειδικοί τύποι συμβόλων που έχουν σχεδιαστεί για να ανταποκρίνονται σε αλληλεπίδραση με το ποντίκι ή το πληκτρολόγιο, όπως κλικ, ανατροπές και συγκεκριμένα πλήκτρα. Όταν συνδυάζεται με το ActionScript, ...

Πώς να δημιουργείτε κλίσεις στο Adobe Flash CS6 - ανδρείκελα

Πώς να δημιουργείτε κλίσεις στο Adobe Flash CS6 - ανδρείκελα

Adobe Flash CS6 έχει έναν τρόπο για να δημιουργήσετε κλίσεις για να γεμίσετε ένα χώρο που δεν θέλετε να είναι ένα συμπαγές χρώμα. Οι κλίσεις είναι μείγματα μεταξύ δύο ή περισσότερων χρωμάτων που μπορείτε να χρησιμοποιήσετε για να γεμίσετε οποιαδήποτε περιοχή ή σχήμα, ακριβώς όπως ένα συμπαγές χρώμα. Αν κοιτάξετε τον πίνακα Swatches, μπορείτε ...

Η επιλογή των συντακτών

Πώς να γράφετε σημειώσεις στο OneNote 2013 στα Android - ανδρείκελα

Πώς να γράφετε σημειώσεις στο OneNote 2013 στα Android - ανδρείκελα

Το OneNote, όπως οι εκδόσεις iOS και web app, η έκδοση Android του OneNote σάς επιτρέπει να αποκτάτε πρόσβαση και να επεξεργάζεστε σημειώσεις με ένα ελάχιστο σύνολο χαρακτηριστικών σε σύγκριση με τις εκδόσεις desktop του OneNote, όπως το OneNote 2013. Πώς να δημιουργήσετε μια νέα σημείωση στο Android Μπορείτε να δημιουργήσετε ...

2 τρόποι αποστολής και λήψης αλληλογραφίας στο Outlook - ανδρείκελα

2 τρόποι αποστολής και λήψης αλληλογραφίας στο Outlook - ανδρείκελα

Μετά τη διαμόρφωση του λογαριασμού ηλεκτρονικού ταχυδρομείου (S) στο Outlook 2013, η λήψη μηνυμάτων είναι μια αυτόματη διαδικασία. Το Outlook αποστέλλει αυτόματα και λαμβάνει μηνύματα όταν ξεκινάτε και επίσης σε διαστήματα 30 λεπτών (από προεπιλογή) όποτε εκτελείται το Outlook. Η εισερχόμενη αλληλογραφία σας μπαίνει αυτόματα στο φάκελο Εισερχόμενα. Μπορείτε επίσης να ξεκινήσετε μια χειροκίνητη διαδικασία αποστολής / λήψης σε ...

Πώς να γράφετε σημειώσεις στο OneNote 2013 για συσκευές iOS - dummies

Πώς να γράφετε σημειώσεις στο OneNote 2013 για συσκευές iOS - dummies

Για συσκευές IOS. Υπάρχουν πολλές λειτουργίες, παρόλο που η έκδοση του App της OneNote και η πλήρης εφαρμογή OneNote 2013 έχουν περισσότερη λειτουργικότητα. Πώς να δημιουργήσετε μια νέα σημείωση σε συσκευές iOS Μπορείτε να δημιουργήσετε μια νέα σημείωση, ανεξάρτητα από το πού βρίσκεστε στο OneNote, αν βλέπετε ...

Η επιλογή των συντακτών

Πώς να ρυθμίσετε την τοποθέτηση και το μέγεθος στην άκρη Animate - dummies

Πώς να ρυθμίσετε την τοποθέτηση και το μέγεθος στην άκρη Animate - dummies

Adobe Edge Animate CC δεν έχει έλλειψη ρυθμίσεις όσον αφορά την τοποθέτηση και το μέγεθος. Πολλά από αυτά τα χαρακτηριστικά λειτουργούν καλύτερα όταν φωλιάζουν στοιχεία, έτσι θέλετε να κατανοήσετε πώς λειτουργεί ο πίνακας στοιχείων. Η τοποθέτηση αναφέρεται στις συντεταγμένες του στοιχείου που σχετίζεται είτε με το Στάδιο είτε με το γονικό στοιχείο όταν ένα ...

Παγκόσμια ή Εφαρμοσμένες ρυθμίσεις στο Adobe Edge Animate - dummies

Παγκόσμια ή Εφαρμοσμένες ρυθμίσεις στο Adobe Edge Animate - dummies

Adobe Edge Animate CC δεν έχει έλλειψη ρυθμίσεων όταν πρόκειται για την τοποθέτηση και το μέγεθος. Οι ρυθμίσεις "Παγκόσμια" και "Εφαρμοσμένες" δεν τροποποιούν τις ρυθμίσεις, αλλά παρέχουν ένα μέσο για την εμφάνιση της σχετικής τοποθέτησης μεταξύ των ενσωματωμένων στοιχείων. Μπορεί να αναρωτιέστε ότι η διαφορά είναι μεταξύ των ρυθμίσεων Global και Applied. Εδώ είναι η ουσία: Παγκόσμιες ρυθμίσεις ...

Πώς να προσθέσετε ενέργειες σε στοιχεία στο Edge Animate - dummies

Πώς να προσθέσετε ενέργειες σε στοιχεία στο Edge Animate - dummies

Ένα ιδιαίτερα ισχυρό χαρακτηριστικό του Adobe Edge Animate Το CC είναι η δυνατότητα να προσθέσετε στη σύνθεση σας δράσεις, ενεργοποιητές, ετικέτες και χαρακτηριστικά δρομέα. Αυτά τα εργαλεία είναι αυτό που χρησιμοποιείτε για να κάνετε το κινούμενο γραφικό σας διαδραστικό, ώστε το κοινό σας να μπορεί να συμμετέχει σε αυτό που κάνει το κινούμενο σχέδιο σας αντί να πρέπει να καθίσετε εκεί και να παρακολουθήσετε παθητικά. Ένας ...