Πίνακας περιεχομένων:
- Βήμα 1: Ανοίξτε το χώρο εργασίας
- Βήμα 2: Σχεδιάστε τη διεπαφή χρήστη
- Βήμα 3: Δημιουργία λειτουργιών κλικ
- Βήμα 4: Λειτουργία GetWinner
- Βήμα 5: Κλήση της συνάρτησης GetWinner
- Βήμα 6: Λάβετε την επιλογή της CPU
- Βήμα 7: Γράψτε RandomPick
- Βήμα 8: Καθορίστε τον νικητή
- Βήμα 9: Καταγραφή αποτελεσμάτων
- Βήμα 10: Τέλος
Βίντεο: Rockαλίδι από χαρτί βράχου: 10 βήματα
2024 Συγγραφέας: John Day | [email protected]. Τελευταία τροποποίηση: 2024-01-30 08:34
Σκοπός: Αφού ολοκληρώσετε αυτό, θα μάθετε πώς να φτιάξετε ένα απλό παιχνίδι Rock, Paper Scissors από την αρχή χρησιμοποιώντας το Code.org.
Υλικά / Απαιτήσεις που απαιτούνται: Βασική κατανόηση της σύνταξης Javascript, ενός υπολογιστή, ενός λογαριασμού Code.org.
Βήμα 1: Ανοίξτε το χώρο εργασίας
1. Ξεκινήστε ανοίγοντας το code.org, κάντε κλικ στη δημιουργία ενός έργου και κάντε κλικ στο εργαστήριο εφαρμογών
Βήμα 2: Σχεδιάστε τη διεπαφή χρήστη
2. Κάντε κλικ στην καρτέλα σχεδίασης στην επάνω αριστερή γωνία του περιβάλλοντος κωδικοποίησης και σύρετε τρία κουμπιά (Rock, Paper, ψαλίδι). Επισημάνετε τους και αλλάξτε τα αναγνωριστικά τους ανάλογα. Επίσης, στην καρτέλα σχεδίασης, σύρετε ετικέτες για: Επιλογή CPU, Επιλογή παίκτη και ένδειξη Win ή Lose. Αναγνωρίστε τα ανάλογα, το τελικό αποτέλεσμα πρέπει να μοιάζει με την παραπάνω εικόνα.
Βήμα 3: Δημιουργία λειτουργιών κλικ
Δημιουργήστε συναρτήσεις συμβάντων που εκτελούνται όταν κάνετε κλικ σε κάθε ένα από τα κουμπιά. Για να το κάνετε αυτό, κάντε κλικ στο κουμπί που θέλετε στην καρτέλα σχεδίασης και, στη συνέχεια, κάντε κλικ στην επιλογή εισαγωγή κώδικα στην καρτέλα συμβάντα στο χώρο εργασίας του σχεδιασμού.
Βήμα 4: Λειτουργία GetWinner
Γράψτε μια συνάρτηση που ονομάζεται getWinner με την παράμετρο "playersChoice".
Βήμα 5: Κλήση της συνάρτησης GetWinner
Σε κάθε συνάρτηση Click Event, καλέστε τη συνάρτηση getWinner, στέλνοντας μια συμβολοσειρά με το όνομα του στοιχείου που αντιστοιχεί στη συνάρτηση.
Βήμα 6: Λάβετε την επιλογή της CPU
Στη συνάρτηση getWinner, προετοιμάστε μια μεταβλητή cpuChoice και ζητήστε την να στείλει έναν τυχαίο αριθμό από 0 έως 2 σε μια νέα συνάρτηση randomPick. Δημιουργήστε τη συνάρτηση randomPick με μια παράμετρο int.
Βήμα 7: Γράψτε RandomPick
Στη συνάρτηση randomPick, επιστρέψτε ένα διαφορετικό στοιχείο για κάθε τυχαίο αριθμό από 0 έως 2. Π.χ. αν x = 0 επιστρέφει "Rock". Ορίστε το κείμενο μιας ετικέτας στο στοιχείο "Επιλέγει η CPU" &&
Βήμα 8: Καθορίστε τον νικητή
Πίσω στη συνάρτηση getWinner, συγκρίνετε το playerChoice με το cpuChoice χρησιμοποιώντας δηλώσεις if else για τον προσδιορισμό του νικητή. Αρχικοποιήστε ένα Boolean το οποίο ορίζεται ως αληθές εάν ο Παίκτης καθοριστεί ως ο νικητής και παραμένει ψευδής διαφορετικά. Προσοχή: Ελέγξτε αν υπάρχει πρώτα γραβάτα.
Βήμα 9: Καταγραφή αποτελεσμάτων
Στο τέλος της συνάρτησης getWinner, ορίστε μια καθολική μεταβλητή για τον αριθμό κερδών της CPU και τον αριθμό κερδών παίκτη και προσαρμόστε ανάλογα κάθε μεταβλητή. Προσαρμόστε την αντίστοιχη ετικέτα στο τέλος της συνάρτησης getWinner (μόλις καθοριστεί ο νικητής). Αλλάξτε την κύρια ετικέτα είτε "Κερδίζετε" είτε "Χάνετε" επίσης εδώ
Βήμα 10: Τέλος
Σε αυτό το σημείο, το πρόγραμμά σας πρέπει να τελειώσει, κάντε κλικ στην επιλογή Εκτέλεση και παίξτε το παιχνίδι για να βεβαιωθείτε ότι λειτουργεί σωστά.
Συνιστάται:
E-Origami "Δημιουργία ηλεκτρονικών βατράχων από χαρτί": 6 βήματα (με εικόνες)
E-Origami "Creating Electronic Paper Frogs": Θέλετε να φτιάξετε τις δικές σας φιγούρες χαρτιού με ενσωματωμένα ηλεκτρονικά; Χρειάζεστε μόνο κόλλα, αγώγιμο χρώμα και υπομονή. Μπορείτε να σχεδιάσετε κυκλώματα χαρτιού και να ενσωματώσετε εύκολα κάποια βασικά ηλεκτρονικά εξαρτήματα. Ακολουθώντας αυτό το σεμινάριο, μπορείτε να δημιουργήσετε
Modular Handsfree κάτοχος τηλεφώνου από χαρτί: 4 βήματα (με εικόνες)
Modular Handsfree Holder Phone From Paper: Ένα κολάρο και σύστημα βραχιόνων, που κρατά ελαφριά πράγματα όπως τηλέφωνα, σνακ ή φλιτζάνια σε ρυθμιζόμενες θέσεις. Δημιουργήστε για: Διαβάζοντας οδηγίες handsfree (για οικοδομικά πράγματα) Skyping εν κινήσει Vlogging Χρήση εφαρμογών πλοήγησης Κρατώντας το ποτό σας ένα
Πώς να φτιάξετε ρόδες αυτοκινήτων RC από χαρτόνι και χαρτί Kraft: 9 βήματα (με εικόνες)
Πώς να φτιάξετε τροχούς αυτοκινήτων RC από χαρτόνι και χαρτί Kraft: Οι τροχοί RC είναι απαραίτητα μέρη για όλα τα αυτοκίνητα RC. Υπάρχουν διάφορες κατηγορίες και τύποι τροχών RC και η σωστή επιλογή τροχού είναι ένας από τους πιο σημαντικούς παράγοντες όταν αντιμετωπίζετε αυτά τα αυτοκίνητα. Όταν ξεκίνησα να DIYing RC αυτοκίνητα, ένα από τα μεγάλα
LED Fidget Spinner κατασκευασμένο από χαρτί !: 6 βήματα (με εικόνες)
LED Fidget Spinner Made Out of Paper !: Γεια σας, σήμερα θα σας δείξω πώς να φτιάξετε ένα LED fidget spinner από χαρτί! Τώρα, αν δεν έχετε διαβάσει το άλλο διδακτικό μου, https://www.instructables.com/id/Paper-Fidget-Spin .. Θα σας συνιστούσα ανεπιφύλακτα να το κάνετε. Σας διδάσκει πώς να σχεδιάσετε ένα
Φτιάξτε τα δικά σας Shuriken που ρίχνουν αστέρια από χαρτί, CD, ξύλο και σούπερ μέταλλο: 5 βήματα
Make Your Own Shuriken Throwing Stars Our of Paper, CD's, Wood και Super Sharp Metal: Μια μέρα καθώς έβλεπα μια uber-cheesy ταινία kung-fu, είχα μια σκέψη: Δεν θα ήταν ωραίο αν είχα κάποια επικίνδυνα μυτερά, πεταχτά πράγματα; Αυτό με οδηγεί στο googling για το πώς να φτιάξω τα δικά μου αστέρια. Αυτό που προέκυψε ήταν μια σελίδα για το πώς να απλοποιήσετε