Σπίτι Προσωπικά Οικονομικά Πώς να δημιουργήσετε το βασικό για το βρόχο στο παιχνίδι σας HTML5 - dummies

Πώς να δημιουργήσετε το βασικό για το βρόχο στο παιχνίδι σας HTML5 - dummies

Βίντεο: Coding Challenge #3: The Snake Game 2024

Βίντεο: Coding Challenge #3: The Snake Game 2024
Anonim

Το παιχνίδι HTML5 θα χρειαστεί αναμφισβήτητα ένα for loop σε κάποιο σημείο. Το πρότυπο για τον βρόχο μετράει τις τιμές από το 1 έως το 10. Το πλήκτρο Count to Doe ενεργοποιεί τη λειτουργία count (). Εδώ είναι ο κώδικας count ():

count function () {output. () = // τέλος για το βρόχο} // end count 

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

Μπορείτε να χρησιμοποιήσετε την έξοδο var αμέσως
  1. Επειδή η έξοδος είναι μια παγκόσμια μεταβλητή και έχει ήδη δημιουργηθεί, μπορείτε να την χρησιμοποιήσετε αμέσως.Δεν χρειάζεται να την αρχικοποιήσετε στη λειτουργία

    Διαγράψτε την έξοδο

  2. Ρυθμίστε την τιμή εξόδου στο κενό string για να καθαρίσετε την έξοδο.Αυτό καταστρέφει οποιοδήποτε κείμενο είναι σήμερα στο div

    Ξεκινήστε ένα για βρόχο

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

    Αρχικοποιήστε τη μεταβλητή μέτρησης.
  4. Ο βρόχος A λειτουργεί με την αλλαγή της τιμής ενός ακέραιου αριθμού πολλές φορές. Ο κύκλος a for initializes αυτή τη μεταβλητή (oft en που ονομάζεται i) σε αρχική τιμή (συνήθως μηδέν ή ένα).

    Καθορίστε μια προϋπόθεση για να παραμείνετε στον βρόχο.

  5. Το δεύτερο μέρος της δήλωσης για είναι μια προϋπόθεση. Όσο η προϋπόθεση είναι αληθής, ο βρόχος συνεχίζεται. Μόλις η κατάσταση αξιολογηθεί ως ψευδής, ο βρόχος εξέρχεται.

    Αλλαγή της μεταβλητής.
  6. Το τρίτο μέρος του για μια δήλωση αλλάζει κάπως τη μεταβλητή μέτρησης. Ο πιο συνηθισμένος τρόπος αλλαγής της μεταβλητής είναι να προσθέσετε ένα σε αυτήν. Η σύνταξη i ++ είναι συντομογραφία για το "Προσθέστε ένα στο i. "

    Δημιουργία μπλοκ κώδικα για επαναλαμβανόμενο κώδικα.

  7. Χρησιμοποιήστε τιράντες και εσοχές για να υποδείξετε ποιο κώδικα επαναλαμβάνεται. Όλος ο κώδικας μέσα στα τιράντες επαναλαμβάνεται.

    Στο εσωτερικό του βρόχου, γράψτε στην έξοδο.

  8. Σε κάθε επανάληψη του βρόχου, προσθέστε την τρέχουσα τιμή του i στο innerHTML του output div. Προσθέστε επίσης ένα διάλειμμα () για να κάνετε την εμφάνιση καλύτερη. Όταν προσθέτετε μια ιδιότητα innerHTML, γράφετε κώδικα HTML, οπότε αν θέλετε να εμφανίζεται η έξοδος σε διαφορετικές γραμμές, πρέπει να γράψετε το HTML για να συμβεί αυτό.

    Κλείστε το βρόχο.

  9. Μην ξεχάσετε να τερματίσετε το βρόχο ή το πρόγραμμα δεν θα εκτελεστεί σωστά.

Πώς να δημιουργήσετε το βασικό για το βρόχο στο παιχνίδι σας 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 είναι η δυνατότητα να προσθέσετε στη σύνθεση σας δράσεις, ενεργοποιητές, ετικέτες και χαρακτηριστικά δρομέα. Αυτά τα εργαλεία είναι αυτό που χρησιμοποιείτε για να κάνετε το κινούμενο γραφικό σας διαδραστικό, ώστε το κοινό σας να μπορεί να συμμετέχει σε αυτό που κάνει το κινούμενο σχέδιο σας αντί να πρέπει να καθίσετε εκεί και να παρακολουθήσετε παθητικά. Ένας ...