Home-theater-designers
Το 24a2 είναι μια πολύ βασική, αλλά πλήρως λειτουργική, μηχανή παιχνιδιών για προγραμματιστές JavaScript. Έχει ασυνήθιστη εμφάνιση και αίσθηση, αλλά μπορείτε να το χρησιμοποιήσετε για να μάθετε τις βασικές αρχές του προγραμματισμού παιχνιδιών.
Με υποστήριξη για loop παιχνιδιού, πολύχρωμα γραφικά και απλή είσοδο, το 24a2 έχει όλα όσα χρειάζεστε για να δημιουργήσετε μικρά παιχνίδια με ελάχιστη προσπάθεια.
πώς να κάνετε μια εικόνα να έχει διαφανές φόντο
Ρίξτε μια ματιά στο 24a2 και ξεκινήστε το ταξίδι σας προς την πλήρη ανάπτυξη του παιχνιδιού σήμερα.
Τι είναι το 24a2;
24a2 είναι μια μικρή μηχανή ανοιχτού κώδικα που σας βοηθά να δημιουργήσετε βασικά παιχνίδια. Είναι πολύ εύκολο να το μάθετε και το μόνο που χρειάζεστε για να αρχίσετε να δημιουργείτε τα παιχνίδια σας είναι ένα πρόγραμμα περιήγησης στο web και ένα πρόγραμμα επεξεργασίας κειμένου.
Το 24a2 πήρε το όνομά του από την ανάλυσή του: 24 x 24. Ακόμη και σε σύγκριση με άλλα μινιμαλιστικούς κινητήρες όπως το PICO-8 , με την ανάλυση 128 x 128, αυτό είναι μικροσκοπικό! Το 24a2 χρησιμοποιεί κυκλικά «pixel», με μεγάλα κενά μεταξύ τους, επομένως είναι αρκετά ξεχωριστή εμφάνιση.
Πιθανότατα δεν θα χρησιμοποιήσετε το 24a2 για να δημιουργήσετε το επόμενο βιντεοπαιχνίδι μεγάλης επιτυχίας, αλλά δεν είναι αυτό στην πραγματικότητα. Το 24a2 είναι τέλειο για αρχάριους και μπορείτε να το χρησιμοποιήσετε για να μάθετε μερικές από τις θεμελιώδεις έννοιες πίσω από την ανάπτυξη παιχνιδιών.
Είναι επίσης εξαιρετικό για τη δημιουργία πρωτοτύπων μιας βασικής ιδέας. Αν πιάνεις τον εαυτό σου να αποσπάται από τη σύνθετη φυσική του παιχνιδιού ή τα sprite animations, η απογύμνωση όλων αυτών θα σας βοηθήσει να εστιάσετε.
Επιπλέον, ο πηγαίος κώδικας 24a2 είναι α μεμονωμένο αρχείο TypeScript . Μπορείτε να το χρησιμοποιήσετε για έμπνευση, ή ακόμα και να το τροποποιήσετε, για να δημιουργήσετε τη δική σας, πιο προηγμένη μηχανή παιχνιδιών.
Πώς χρησιμοποιείτε το 24a2;
Ξεκινήστε με ένα βασικό πρότυπο για το παιχνίδι σας:
<html>
<head>
<script
src="https://cdn.jsdelivr.net/gh/jamesroutley/24a2/build/engine.js">
</script>
<script src="game.js"></script>
</head>
<body></body>
</html>
Παρατηρήστε πώς αυτό χρησιμοποιεί ένα δίκτυο παράδοσης περιεχομένου (cdn.jsdelivr.net) για την προέλευση του engine.js αρχείο, οπότε δεν χρειάζεται καν να κατεβάσετε ή να εγκαταστήσετε τίποτα.
Το δεύτερο σενάριο, παιχνίδι.js , είναι για τον δικό σας κωδικό παιχνιδιού. Ξεκινήστε με τον απόλυτο ελάχιστο κωδικό εργασίας, για να ελέγξετε ότι όλα λειτουργούν σωστά:
new Game({}).run();Αυτό το μικροσκοπικό πρόγραμμα θα εμφανίσει το προεπιλεγμένο πλέγμα 24a2 στο πρόγραμμα περιήγησής σας:
Στη συνέχεια, θα θελήσετε να εξοικειωθείτε με τις λειτουργίες επανάκλησης του 24a2 που αποτελούν τον πυρήνα του κινητήρα. Αυτές οι έννοιες μπορούν να μεταφερθούν σε μηχανές παιχνιδιών, επομένως η εκμάθηση του τρόπου λειτουργίας τους θα σας ωφελήσει πέρα από τη χρήση του 24a2.
Υπάρχει μια χούφτα βασικών συναρτήσεων που μπορείτε να ορίσετε και να μεταβιβάσετε στον κατασκευαστή Game() μέσω ενός config αντικείμενο.
let config = {
create: create,
update: update,
onKeyPress: onKeyPress,
onDotClicked: onDotClicked
};
let game = new Game(config);
game.run();Το 24a2 καλεί τη συνάρτηση που καθορίζετε στο config.create κατά την εκκίνηση. Μπορείτε να το χρησιμοποιήσετε για να αρχικοποιήσετε τη διαμόρφωση του παιχνιδιού σας, να ρυθμίσετε δομές δεδομένων κ.λπ.
function create(game) {}Η λειτουργία ενημέρωσης εκτελείται περιοδικά κατά τη διάρκεια του παιχνιδιού σας. Αυτό είναι ο κύριος βρόχος παιχνιδιού το οποίο, σε άλλους κινητήρες, συνήθως αποτελείται από ξεχωριστά βήματα για την ενημέρωση της κατάστασης του παιχνιδιού και την εκ νέου σχεδίαση της οθόνης. Με το 24a2, θα χειριστείτε και τις δύο λειτουργίες σε αυτήν τη λειτουργία.
function update(game) {}Τέλος, για να καταγράψετε την είσοδο, θα θέλετε να χειριστείτε τα πλήκτρα βέλους, τα κλικ του ποντικιού ή και τα δύο. Το 24a2 μεταβιβάζει μια κατεύθυνση στη λειτουργία onKeyPress όταν η συσκευή αναπαραγωγής πατήσει ένα πλήκτρο βέλους. Μεταβιβάζει τις συντεταγμένες x και y στο onDotClicked αν κάνουν κλικ σε μια κουκκίδα χρησιμοποιώντας το ποντίκι τους.
function onKeyPress(direction) {}
function onDotClicked(x, y) {}
Τι είδους παιχνίδι μπορείτε να δημιουργήσετε με το 24a2;
ο ιστότοπος 24a2 περιέχει τρία παραδείγματα παιχνιδιών συμπεριλαμβανομένου ενός σεμιναρίου. Τα άλλα που παρουσιάζει είναι ένα απλό παιχνίδι Snake και μια πρόκληση για σκι.
ο Αποθετήριο GitHub περιλαμβάνει συνδέσμους για κάποια άλλα παιχνίδια, όπως το Space Invaders, το Tic-Tac-Toe και ένα ελάχιστο πρόγραμμα Paint. Το You Killed a Bear είναι πιο προηγμένο και το Maze Craze είναι μια καλή επίδειξη του τρόπου τοποθέτησης πρόσθετων γραφικών πάνω από το τυπικό πλέγμα.
Το 24MadRush είναι ένας «κλώνος» Tetris που κάνει μεγάλη χρήση της παλέτας χρωμάτων. Ξεκινά επίσης με ένα καινοτόμο σεμινάριο με δυνατότητα αναπαραγωγής που δείχνει τα χαρακτηριστικά του.
Οι Τεχνικές προδιαγραφές των 24a2 Games
Το 24a2 είναι πολύ περιορισμένο, από το σχεδιασμό. Αλλά αυτό παρέχει μια εξαιρετική ευκαιρία για δημιουργικότητα. Ενα από κορυφαίες συμβουλές για να είστε πιο δημιουργικοί είναι να αγκαλιάζεις περιορισμούς.
Εκτός από την περιορισμένη του ανάλυση, το 24a2 σας περιορίζει στα εξής:
- Μια χρωματική παλέτα με εννέα μόνο χρώματα: αυτά στο ουράνιο τόξο συν το μαύρο και το γκρι.
- Πολύ βασική εισαγωγή: πατάει το πλήκτρο βέλους και κάνει κλικ στο πλέγμα με κουκκίδες.
- Silence: δεν υπάρχει καμία υποστήριξη για μουσική ή ηχητικά εφέ.
Ωστόσο, μπορείτε πάντα να γράψετε συμπληρωματικό κώδικα JavaScript για να επεκτείνετε το παιχνίδι σας πέρα από αυτούς τους περιορισμούς. Και, δεδομένου ότι ο κινητήρας είναι ανοιχτού κώδικα, είστε ελεύθεροι να τον αναπτύξετε με όποιον τρόπο κρίνετε κατάλληλο.
φορητό υπολογιστή toshiba συνδεδεμένο δεν φορτίζει
Ωθήστε τον εαυτό σας σε μεγαλύτερα πράγματα με 24a2
Δοκιμάστε να δοκιμάσετε τον εαυτό σας με 24a2. Αναδημιουργήστε ένα κλασικό παιχνίδι ή εφεύρε ένα δικό σου. Τα παιχνίδια που βασίζονται στη σειρά, όπως τα επιτραπέζια παιχνίδια, θα λειτουργήσουν πολύ καλά με τον κινητήρα.
Εάν το 24a2 πυροδοτεί το πάθος σας για την ανάπτυξη παιχνιδιών, υπάρχουν πολλές ευκαιρίες για να συνεχίσετε το ταξίδι. Τα PICO-8, Godot, Unity και GameMaker είναι όλα δημοφιλείς επιλογές.