JeuTropFacile - WayTooEasyGame: 3 Βήματα

2024 Συγγραφέας: John Day | [email protected]. Τελευταία τροποποίηση: 2024-01-30 08:34

Αυτό είναι ένα παιχνίδι εξ ολοκλήρου φτιαγμένο σε HTML και JavaScript με τη βιβλιοθήκη P5js. Υπάρχουν 2 αρχεία με όνομα index.html και sketch.js. Είμαι πολύ αρχάριος στον κώδικα οπότε λυπάμαι αν είναι ασαφές.

Μπορείτε να παίξετε το παιχνίδι με αυτόν τον σύνδεσμο

Ελέγχετε μια λευκή μπάλα με τα βέλη και πρέπει να αποφύγετε την κόκκινη μπάλα (προς το παρόν, υπάρχει μόνο μία).

Δημιούργησα 2 μεταβλητές: posX = 200 και posY = 200

Στο sketch.js, δημιούργησα έναν καμβά στη ρύθμιση συνάρτησης με 640x επί 480y με γκρι φόντο στην κλήρωση συνάρτησης, στη συνέχεια δημιούργησα έναν λευκό κύκλο με θέση στο posX, posY, 75, 75.

Βήμα 1: Μετακίνηση του κύκλου

Όπως είπα και πριν, μπορείτε να χρησιμοποιήσετε τα βέλη για να μετακινήσετε τον κύκλο.

Για να το κάνω αυτό δημιούργησα μια συνάρτηση updatePositionEllipse ().

Χρησιμοποίησα αυτήν τη συνθήκη για να λειτουργήσει: if (keyIsDown (DOWN_ARROW)) {

posY += 5;

}

Όταν πατηθεί το πλήκτρο κάτω, ο κύκλος μετακινείται προς τα κάτω.

Το χρησιμοποίησα σε κάθε άλλο κλειδί για να μπορείτε να μετακινείστε αριστερά, δεξιά, πάνω και κάτω.

Βήμα 2: Δημιουργία ορίων ορίων

Για να σταματήσει η λευκή μπάλα στο τέλος του καμβά, χρησιμοποίησα τη λειτουργία testOutOfScreen.

Μέσα σε αυτό, χρησιμοποίησα τη συνθήκη εάν (posX> 600) {

posX = 600; strokeWeight (6); εγκεφαλικό επεισόδιο («μπλε») γραμμή (637, 0, 637, 480); }

αν η θέση του x είναι ανώτερη του 600: μπλοκάρει την μπάλα και τραβάει μια μπλε γραμμή με ένα περίγραμμα 6 τοποθετημένο στη δεξιά πλευρά του καμβά.

Το κάνω για κάθε σύνορο.