Πώς να φτιάξετε παιχνίδι από πρότυπο: μονοπάτι αρχαρίου σε 7 βήματα

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

Αυτός ο οδηγός ακολουθεί αυτό το μονοπάτι σε επτά βήματα, με πραγματικά ονόματα αρχείων από τις σελίδες προϊόντων και τα εγχειρίδια των δικών μας προτύπων, ώστε να δείτε πώς μοιάζει το «αλλάξτε τα επίπεδα» πριν αγοράσετε οτιδήποτε. Είναι γραμμένος για ανθρώπους που δεν έχουν ξανακυκλοφορήσει παιχνίδι: έναν εκπαιδευτικό, ένα στέλεχος μάρκετινγκ, έναν web developer που δοκιμάζει για πρώτη φορά παιχνίδια. Όπου ένα βήμα χρειάζεται Node.js ή επεξεργαστή κώδικα, το λέμε.

Πώς να φτιάξετε παιχνίδι από πρότυπο: τα επτά βήματα

1. Διαλέξτε ένα πρότυπο κοντά στο παιχνίδι που θέλετε.
2. Παίξτε το demo μέχρι να γνωρίζετε κάθε οθόνη.
3. Διαβάστε το εγχειρίδιο και βρείτε τα αρχεία που αναφέρει.
4. Αλλάξτε κείμενα και γλώσσες.
5. Αλλάξτε τα γραφικά και την επωνυμία.
6. Αλλάξτε επίπεδα, λέξεις ή κανόνες.
7. Δοκιμάστε, και μετά φιλοξενήστε το παιχνίδι ή τυλίξτε το ως εφαρμογή.

Η σειρά έχει σημασία. Τα κείμενα είναι η ασφαλέστερη αλλαγή, οπότε ξεκινάτε από εκεί και μαθαίνετε πώς δουλεύουν τα αρχεία. Οι κανόνες έρχονται τελευταίοι, επειδή μπορούν να χαλάσουν ένα παιχνίδι με τρόπους που χρειάζονται χρόνο για να τους προσέξετε.

Δείτε πρότυπα παιχνιδιών για να ξεκινήσετε

Βήμα 1: διαλέξτε ένα πρότυπο κοντά στην ιδέα σας

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

• Τι κάνει ο παίκτης; Πατά ζευγάρια, ακολουθεί λέξεις, στοχεύει σουτ, ταξινομεί κομμάτια. Διαλέξτε το πρότυπο του οποίου η βασική ενέργεια ταιριάζει.
• Πώς θα το αλλάξετε; Κάποιες εκδόσεις παίρνουν τις περισσότερες αλλαγές σε ένα αρχείο ρυθμίσεων· άλλες είναι έργα TypeScript που ξαναχτίζετε. Η σελίδα προϊόντος λέει ποιες είναι.
• Πού θα τρέχει; Κάθε μία από τις εκδόσεις μας τρέχει από στατικό ιστότοπο. Οι εγγενείς εφαρμογές και η δημοσίευση σε κατάστημα δεν περιλαμβάνονται σε καμία έκδοση.

Οι τιμές στο κατάστημά μας κυμαίνονται από 5 $ έως 59 $ στην κανονική τιμή, και κάθε σελίδα προϊόντος έχει ζωντανό demo και λίστα με τίτλο «Not included in this edition» (δεν περιλαμβάνεται σε αυτή την έκδοση). Διαβάστε αυτή τη λίστα τόσο προσεκτικά όσο και τα χαρακτηριστικά.

Βήμα 2: παίξτε το demo σαν δοκιμαστής

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

Παίξτε το και στο κινητό. Αν οι παίκτες σας θα χρησιμοποιούν κινητά, το demo στο κινητό είναι η πραγματική δοκιμασία του προτύπου, όχι το demo στο laptop σας.

Δοκιμάστε το demo του Tenguin, ένα παζλ ζευγαριών αριθμών

Βήμα 3: ανοίξτε το πακέτο και διαβάστε το εγχειρίδιο

Ένα πρότυπο είναι φάκελος, όχι πρόγραμμα που εγκαθιστάτε. Στα πακέτα μας βρίσκετε τα ίδια μέρη, περιγραμμένα σε κάθε σελίδα προϊόντος:

• game/: το έτοιμο για φιλοξενία παιχνίδι, με index.html, γραφικά, ήχους και γραμματοσειρές. Αυτό ανεβαίνει στο διαδίκτυο.
• Πηγαίος κώδικας (Source): ο αναγνώσιμος κώδικας που επεξεργάζεστε. Σε κάποιες εκδόσεις, όπως το Ricopop, τα αρχεία στο game/ είναι ο ίδιος ο πηγαίος κώδικας, χωρίς βήμα build. Σε άλλες, όπως το Gridspark, υπάρχει ξεχωριστός φάκελος πηγαίου κώδικα που ξαναχτίζετε μέσα στο game/.
• Τεκμηρίωση: ένα εικονογραφημένο εγχειρίδιο. Το εγχειρίδιο του Gridspark καλύπτει την εγκατάσταση, την προσαρμογή, 20 συχνές ερωτήσεις και αντιμετώπιση προβλημάτων· το Ricopop και το Zabum έχουν επίσης ένα START-HERE.txt.
• THIRD-PARTY-LICENSES: οι σημειώσεις για γραμματοσειρές και βιβλιοθήκες. Οι όροι μας ζητούν να τις κρατάτε μαζί με το προϊόν σας.

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

Βήμα 4: αλλάξτε πρώτα κείμενα και γλώσσες

Τα κείμενα σας διδάσκουν τη διάταξη των αρχείων με μικρό ρίσκο. Πραγματικά παραδείγματα από τις σελίδες προϊόντων μας:

• Gridspark: το κείμενο της διεπαφής βρίσκεται στο src/locales.js.
• Pinloop, Trimora και Twirldrop: το κείμενο της διεπαφής είναι στο i18n.ts, και το brand.ts κρατά το όνομα του παιχνιδιού.
• Bodoku: το κείμενο βρίσκεται στα λεξικά του src/i18n, και η σελίδα σας προειδοποιεί να κρατήσετε άθικτα τα placeholders παρεμβολής.
• Golazo: τα κείμενα είναι στα λεξικά γλωσσών και οι ομάδες στο teams.js.

Τα placeholders είναι η παγίδα. Μια γραμμή όπως «Επίπεδο {n} ολοκληρώθηκε» χρειάζεται το {n} να μείνει ακριβώς ίδιο, σε κάθε γλώσσα. Αλλάξτε τις λέξεις γύρω του, ποτέ τις αγκύλες.

Και οι γλώσσες είναι μέρος της επιλογής. Οι περισσότερες εκδόσεις μας έχουν 14 γλώσσες διεπαφής· τα Letter River, Plop και Zabum έχουν 3. Η αφαίρεση γλώσσας είναι ευκολότερη από την προσθήκη μιας, και η προσθήκη σημαίνει μετάφραση κάθε γραμμής, όχι μόνο του μενού.

Βήμα 5: αλλάξτε τα γραφικά και την επωνυμία

Η άδεια επιτρέπει το white label: μπορείτε να αντικαταστήσετε το όνομα και το λογότυπο της Polar Games με τα δικά σας, και να αλλάξετε τον κώδικα, τα γραφικά και τον ήχο μέσα στο προϊόν σας. Ο τρόπος εξαρτάται από την έκδοση.

• Tenguin: οι περισσότερες ρυθμίσεις βρίσκονται σε ένα αρχείο, το tenguin.config.js, δίπλα στο index.html: τίτλος, διαδρομή λογοτύπου, χρώμα τονισμού, προεπιλεγμένη γλώσσα, ανταμοιβές και τιμές. Αλλάξτε μια τιμή, ανεβάστε το αρχείο, φορτώστε ξανά. Χωρίς build.
• Bodoku και Frogdoku: τα γραφικά δηλώνονται στο src/art/manifest.ts.
• Pinloop: το brand.ts κρατά τον τίτλο, τα χρώματα, τους 30 στόχους και τα 12 φόντα· ο ήχος και η μουσική βρίσκονται στο public/audio.
• Ricopop: η μουσική και τα εφέ είναι αρχεία MP3 που μπορείτε να αντικαταστήσετε, και το ricopop.config.js ελέγχει την οθόνη έναρξης με πάτημα και το κουμπί πλήρους οθόνης.

Κρατήστε το ίδιο μέγεθος και μορφή εικόνας με το αρχείο που αντικαθιστάτε. Ένα λογότυπο διπλάσιο σε πλάτος από το αρχικό θα μετακινήσει το μενού με τρόπους που ο κώδικας δεν περίμενε.

Δείτε το Pinloop και το αρχείο brand.ts του

Βήμα 6: αλλάξτε επίπεδα, λέξεις ή κανόνες

Εδώ το παιχνίδι σας παύει να μοιάζει με αντίγραφο του ίδιου με όλους. Είναι επίσης το σημείο όπου τα εργαλεία δοκιμής βοηθούν περισσότερο.

• Ricopop: τα 50 επίπεδα είναι χάρτες κειμένου στο src/levels.js. Το προαιρετικό εργαλείο node tools/validate.mjs ελέγχει ότι κάθε επίπεδο μπορεί ακόμη να κερδηθεί αφού επεξεργαστείτε έναν χάρτη.
• Letter River: οι λέξεις και οι υποδείξεις βρίσκονται στα source/words/en.js, pt.js και es.js, και η δημιουργία παζλ στο source/js/levels.js. Το node test/check.js ελέγχει τις λίστες λέξεων και τα 80 επίπεδα ανά γλώσσα.
• Deepforge: τα δωμάτια, οι επιλογές, η ισορροπία και το κείμενο βρίσκονται στο source/src/data/chambers.ts.
• Gridspark: οι σταθερές κανόνων και η παλέτα χρωμάτων βρίσκονται στο src/config.js, και οι κανόνες παζλ στα game.js, board.js, generator.js και shapes.js.

Οι κανόνες είναι η πιο επικίνδυνη αλλαγή. Αλλάξτε έναν αριθμό κάθε φορά, παίξτε τρεις γύρους, και μετά τον επόμενο. Αν το παιχνίδι φαίνεται λάθος, επιστρέψτε στο αντίγραφο «original» και συγκρίνετε.

Δείτε το Letter River, ένα παζλ λέξεων με επεξεργάσιμες λίστες λέξεων

Βήμα 7: δοκιμάστε, και μετά φιλοξενήστε ή τυλίξτε

Δοκιμάστε σε τοπικό διακομιστή, όχι με διπλό κλικ

Αρκετές σελίδες προϊόντων μας λένε καθαρά ότι το παιχνίδι δεν τρέχει από file://, τη διεύθυνση που παίρνετε με διπλό κλικ στο index.html. Δοκιμάστε μέσω τοπικού web server: πολλοί επεξεργαστές κώδικα έχουν έναν, και τα προαιρετικά εργαλεία προγραμματιστή του Ricopop περιλαμβάνουν έναν. Οι εκδόσεις γραμμένες σε TypeScript χρειάζονται Node.js για να ξαναχτιστούν: το Gridspark, για παράδειγμα, τρέχει npm test και npm run build για να αντιγράψει τα αρχεία παιχνιδιού στο game/· το Pinloop χτίζει στο dist/, το οποίο αντιγράφετε στο game/.

Φιλοξενήστε το

Ανεβάστε το περιεχόμενο του game/ σε οποιαδήποτε στατική φιλοξενία HTTP(S). Οι εκδόσεις μας δεν χρειάζονται PHP ούτε βάση δεδομένων για να παίξουν· τα Zabum και Ricopop έχουν προαιρετικές κατατάξεις PHP, απενεργοποιημένες by default. Κρατήστε κάθε φάκελο δίπλα στο index.html, όπως λένε τα εγχειρίδια.

Ή τυλίξτε το ως εφαρμογή

Εργαλεία όπως το Capacitor βάζουν ένα web παιχνίδι μέσα σε έργο Android ή iOS. Η σελίδα εκκίνησης του Capacitor ζητά έναν φάκελο με χτισμένα web assets με index.html στη ρίζα του, προσθέτει τις πλατφόρμες με npx cap add android και npx cap add ios, και αντιγράφει τα αρχεία με npx cap sync. Αυτό είναι ένα βήμα πέρα από την πρώτη εβδομάδα ενός αρχάριου, και καμία από τις εκδόσεις μας δεν περιλαμβάνει εγγενή builds ή δημοσίευση σε κατάστημα· αυτή η δουλειά προσφέρεται χωριστά.

1. Κάθε οθόνη της λίστας σας από το βήμα 2 δείχνει τα δικά σας κείμενα και γραφικά.
2. Η πρόοδος επιβιώνει από φόρτωση ξανά.
3. Το παιχνίδι λειτουργεί σε κινητό, στον προσανατολισμό που περιμένετε.
4. Οι σημειώσεις THIRD-PARTY-LICENSES είναι ακόμη μαζί με τα αρχεία.
5. Μπορείτε να εξηγήσετε τι αλλάξατε, αρχείο προς αρχείο.

Τι επιτρέπει η άδεια για το παιχνίδι σας

Κάθε αγορά δίνει μόνιμη, μη αποκλειστική άδεια για ένα τελικό προϊόν, δικό σας ή ενός πελάτη. Οι παίκτες μπορούν να το έχουν δωρεάν ή μέσω αξιοποίησης με διαφήμιση. Μπορείτε να αλλάξετε τον κώδικα, τα γραφικά και τον ήχο, και να αντικαταστήσετε το όνομα και το λογότυπό μας. Δεν μπορείτε να μεταπωλήσετε ή να μοιραστείτε το πρότυπο, τον κώδικά του ή τα στοιχεία του μόνα τους, ως πρότυπο, κιτ ή πακέτο στοιχείων. Η υποστήριξη διαρκεί 6 μήνες, ή 12 με την επέκταση, και καλύπτει την εγκατάσταση και χρήση των παρεχόμενων αρχείων και αναπαραγώγιμα σφάλματα. Η προσαρμογή και οι νέες λειτουργίες είναι χωριστές υπηρεσίες, με προσφορά πριν από κάθε δουλειά.

Διαβάστε τους πλήρεις όρους άδειας

Συχνές ερωτήσεις

Μπορώ να φτιάξω παιχνίδι χωρίς να ξέρω προγραμματισμό;

Μπορείτε να αλλάξετε πολλά χωρίς κώδικα: κείμενα, χρώματα, εικόνες και ορισμένες ρυθμίσεις βρίσκονται σε απλά αρχεία. Το Tenguin κρατά τις περισσότερες ρυθμίσεις σε ένα αρχείο ρυθμίσεων. Η αλλαγή κανόνων ή επιπέδων σε έκδοση TypeScript χρειάζεται βασική ανάγνωση κώδικα και Node.js για το ξαναχτίσιμο.

Τι χρειάζεται να έχω εγκατεστημένο;

Ένας επεξεργαστής κώδικα και ένας περιηγητής αρκούν για εκδόσεις χωρίς βήμα build, όπως το Ricopop και το Golazo. Οι εκδόσεις σε TypeScript χρειάζονται Node.js και npm για να ξαναχτιστούν· κάθε σελίδα προϊόντος αναφέρει την έκδοση.

Μπορώ να πουλήσω ή να δημοσιεύσω το παιχνίδι που έφτιαξα από πρότυπο;

Μπορείτε να το δημοσιεύσετε ως ένα τελικό προϊόν, για εσάς ή έναν πελάτη, δωρεάν ή με διαφημίσεις. Δεν μπορείτε να μεταπωλήσετε το πρότυπο ή τον κώδικά του μόνα τους. Για επί πληρωμή εφαρμογές ή αγορές εντός εφαρμογής, ρωτήστε πρώτα εμάς.

Γιατί το παιχνίδι μου δείχνει κενή σελίδα όταν ανοίγω το index.html;

Συνήθως επειδή άνοιξε από file://. Τρέξτε το από τοπικό web server ή ανεβάστε το σε φιλοξενία, όπως περιγράφουν τα εγχειρίδια.

Πόσο χρόνο παίρνει;

Εξαρτάται από το πόσο αλλάζετε. Τα κείμενα και ένα λογότυπο μπορεί να θέλουν μία μέρα· τα νέα επίπεδα, τα γραφικά και οι κανόνες θέλουν περισσότερο. Ξεκινήστε από τα κείμενα, δημοσιεύστε μια δοκιμαστική έκδοση, και προσθέστε τα υπόλοιπα σε γύρους.

Ξεκινήστε με ένα παιχνίδι

Διαλέξτε ένα πρότυπο, παίξτε το demo για μισή ώρα και διαβάστε το κεφάλαιο προσαρμογής του εγχειριδίου του. Αν τα αρχεία που αναφέρει μοιάζουν με κάτι που μπορείτε να αλλάξετε, βρήκατε το σημείο εκκίνησης. Αν προτιμάτε να κάνουμε εμείς τις αλλαγές, στείλτε μας το πρότυπο και τη λίστα σας, και απαντάμε με προσφορά.

Δείτε όλα τα πρότυπα παιχνιδιών

Ζητήστε προσφορά για αλλαγές