Οδηγός

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

Το Mochi Monsters ως παράδειγμα: οι κανόνες, τα αρχεία, το ένα αρχείο ρυθμίσεων και οι αλλαγές που χρειάζονται νέο build.

Κεντρικό γραφικό του Mochi Monsters: χαμογελαστά τζελ τέρατα σε ένα λιβάδι από καραμέλα, δίπλα σε τρία γυάλινα βάζα με ταξινομημένα κίτρινα, μπλε και πράσινα Mochi.

Η αγορά πηγαίου κώδικα παιχνιδιού ταξινόμησης χρωμάτων έχει νόημα όταν θέλετε παιχνίδι τύπου water sort στον δικό σας ιστότοπο, χωρίς να γράψετε μόνοι σας τους κανόνες κίνησης, τη γεννήτρια επιπέδων και το σύστημα αποθήκευσης. Το Mochi Monsters είναι τέτοιο πακέτο: 60 επίπεδα σε τρεις κόσμους, μια λειτουργία Endless, αναγνώσιμο TypeScript και έναν έτοιμο για φιλοξενία φάκελο παιχνιδιού, για 39 $ στην κανονική τιμή.

Ο κανόνας πίσω από το water sort, το ball sort και το Mochi Monsters είναι ο ίδιος: μπορείτε να κινηθείτε μόνο σε άδειο δοχείο ή πάνω σε ταιριαστή κορυφή. Αυτό που ξεχωρίζει ένα πρότυπο από άλλο είναι όλα όσα είναι γύρω από τον κανόνα. Αυτός ο οδηγός περιγράφει το πακέτο με τη σειρά που το συναντά ένας αγοραστής, και καταλήγει στις αλλαγές που μπορείτε να κάνετε σε πέντε λεπτά και σε αυτές που θέλουν προγραμματιστή.

Ο κανόνας ταξινόμησης και οι δύο ανατροπές πάνω του

Οι παίκτες πατούν μία φωλιά και μετά μια άλλη. Η ομάδα των φίλων από τζελ στην κορυφή πηδά προς τα εκεί μόνο αν η φωλιά προορισμού είναι άδεια ή αν ο φίλος στην κορυφή της είναι του ίδιου είδους. Ένας πίνακας λύνεται όταν κάθε φωλιά έχει ένα μόνο είδος. Οι Hint, Undo και Restart (υπόδειξη, αναίρεση και επανεκκίνηση) είναι ενσωματωμένα.

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

Αυτά έχουν σημασία για τον αγοραστή, γιατί είναι ήδη γραμμένα και δοκιμασμένα. Η προσθήκη ανάλογης ανατροπής σε απλό παιχνίδι ταξινόμησης είναι δουλειά που παίρνει περισσότερο χρόνο απ' όσο περιμένετε, κυρίως στις ακραίες περιπτώσεις γύρω από το Undo.

Παίξτε το demo του Mochi Monsters

Τι περιλαμβάνει ο πηγαίος κώδικας του παιχνιδιού ταξινόμησης χρωμάτων

  • 60 επίπεδα καμπάνιας σε Sugar Meadow, Bubble Beach και Mushroom Village (τα ονόματα των κόσμων μένουν όπως είναι στο παιχνίδι), 20 σε κάθε κόσμο.
  • Μια λειτουργία Endless (ατελείωτη) με σπόρο, που ανοίγει μετά το επίπεδο 20.
  • Ένα άλμπουμ συλλογής, έναν διαδραστικό κήπο και έξι καπέλα που αγοράζονται με Sugar Drops (σταγόνες ζάχαρης) από το παιχνίδι.
  • Έλεγχο με αφή και ποντίκι, τοπικές αποθηκεύσεις και επιλογή μειωμένης κίνησης (reduced motion).
  • Έναν έτοιμο για φιλοξενία φάκελο game/, αναγνώσιμο πηγαίο κώδικα JavaScript και TypeScript, ρυθμίσεις, δοκιμές και σημειώσεις άδειας.
  • Έναν εικονογραφημένο offline οδηγό σε 14 γλώσσες, με στιγμιότυπα οθόνης στα αγγλικά.

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

Η στοίβα είναι TypeScript και JavaScript σε Canvas 2D, με Web Audio. Τα αρχεία περιλαμβάνουν HTML, CSS, JavaScript, JSON, TypeScript, WebP, PNG και MP3.

Πώς είναι οργανωμένο το έργο

Σκεφτείτε το πακέτο ως τρία επίπεδα, το καθένα με διαφορετικό βαθμό προσπάθειας.

Επίπεδο 1: το φιλοξενούμενο παιχνίδι

Ο φάκελος game/ είναι πλήρης. Ανεβάστε το περιεχόμενό του σε στατική φιλοξενία HTTP(S) και παίζει. Τίποτα εδώ δεν χρειάζεται build.

Επίπεδο 2: το αρχείο ρυθμίσεων

Το mochi.config.js βρίσκεται δίπλα στο index.html. Ορίζει τον τίτλο του περιηγητή, το λογότυπο, την αρχική γλώσσα και το κλειδί αποθήκευσης. Αλλάξτε μια τιμή, ανεβάστε το αρχείο, φορτώστε ξανά τη σελίδα. Πάλι χωρίς build.

Επίπεδο 3: ο πηγαίος κώδικας TypeScript

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

Τι να αλλάξετε πρώτα σε πρότυπο ταξινόμησης χρωμάτων

Εδώ είναι η σειρά που προτείνουμε, από αλλαγές χωρίς build μέχρι δουλειά προγραμματιστή.

  1. Τίτλος και λογότυπο στο mochi.config.js, ώστε η καρτέλα του περιηγητή και η αρχική οθόνη να φέρουν την επωνυμία σας.
  2. Αρχική γλώσσα στο ίδιο αρχείο, αν οι περισσότεροι παίκτες σας δεν είναι αγγλόφωνοι.
  3. Κλειδί αποθήκευσης: ορίστε το μία φορά πριν την κυκλοφορία και μετά αφήστε το. Η αλλαγή του σε ζωντανό ιστότοπο κάνει τους παίκτες να χάσουν την πρόοδό τους.
  4. Γραφικά και χρώματα των φίλων από τζελ, αν χρειάζεστε πλήρη αλλαγή εμφάνισης. Αυτό είναι δουλειά στον πηγαίο κώδικα.
  5. Τιμές καπέλων και η οικονομία ανταμοιβών, επίσης στον πηγαίο κώδικα.
  6. Νέα επίπεδα, με τα εργαλεία δημιουργίας επιπέδων, και μετά τις δοκιμές.

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

Το white label επιτρέπεται: το όνομα και το λογότυπό σας, ή του πελάτη σας, μπορούν να αντικαταστήσουν τα δικά μας σε κάθε σημείο του παιχνιδιού.

Φιλοξενία, ενσωμάτωση και επέκταση

Ανεβάστε το περιεχόμενο του game/ σε οποιαδήποτε στατική φιλοξενία HTTP(S), σε υποφάκελο αν θέλετε. Δεν χρειάζεται βάση δεδομένων, PHP ή υπηρεσία Node.js για να παίξει. Το άνοιγμα των αρχείων από τον δίσκο με file:// δεν λειτουργεί, οπότε δοκιμάστε από τοπικό ή πραγματικό web server.

Το παιχνίδι τρέχει στα τρέχοντα Chrome, Edge, Firefox και Safari σε υπολογιστή, tablet ή κινητό. Η πρόοδος κρατιέται στην τοπική αποθήκευση του περιηγητή, χωρίς συγχρονισμό μεταξύ συσκευών. Δεν είναι εφαρμογή εγκατάστασης για χρήση εκτός σύνδεσης: οι παίκτες το φορτώνουν από τη δική σας διεύθυνση.

Δεν υπάρχει έργο εγγενούς εφαρμογής στο πακέτο. Αν το θέλετε σε κατάστημα εφαρμογών, συνδεδεμένο με SDK πύλης ή εγκατεστημένο στον διακομιστή σας, αυτή η δουλειά προσφέρεται ανά έργο.

Ζητήστε προσφορά για reskin, φιλοξενία ή έκδοση εφαρμογής

Τι δεν περιλαμβάνει το Mochi Monsters

Η έκδοση δεν έχει online λογαριασμούς, cloud αποθηκεύσεις, παγκόσμιες κατατάξεις, αγορές με πραγματικά χρήματα ή SDK διαφήμισης. Έργα εγγενών εφαρμογών, φιλοξενία και προσαρμοσμένη ανάπτυξη δεν περιλαμβάνονται. Δεν υπάρχουν παιζόμενες καμπάνιες πέραν των τριών κόσμων· η λειτουργία Endless είναι αυτή που κρατά το παιχνίδι ζωντανό μετά από αυτούς.

Αν σκοπεύετε να δείξετε διαφημίσεις, η άδεια επιτρέπει την αξιοποίηση του τελικού σας προϊόντος με διαφήμιση, αλλά η σύνδεση δικτύου διαφήμισης είναι δουλειά δική σας ή προσφερόμενη εργασία από εμάς.

Άδεια και τιμή σε μία παράγραφο

Μία αγορά δίνει μόνιμη, μη αποκλειστική άδεια για χρήση της έκδοσης σε ένα τελικό προϊόν, δικό σας ή ενός πελάτη. Οι παίκτες μπορούν να παίζουν δωρεάν ή με αξιοποίηση μέσω διαφήμισης. Μπορείτε να αλλάξετε τον κώδικα, τα γραφικά και τον ήχο μέσα σε αυτό το προϊόν, αλλά δεν μπορείτε να μεταπωλήσετε ή να μοιραστείτε το πρότυπο, τον πηγαίο κώδικά του ή τα στοιχεία του μόνα τους, ούτε ως κιτ για προγραμματιστές ή μέσα σε άλλο προϊόν. Η υποστήριξη διαρκεί 6 μήνες, ή 12 με την επέκταση στο ταμείο, και καλύπτει την εγκατάσταση και χρήση των αρχείων και τη διόρθωση αναπαραγώγιμων σφαλμάτων· η άδεια δεν λήγει με την υποστήριξη. Η τιμή τιμοκαταλόγου είναι 39 $· έως 30 Νοεμβρίου 2026 μια προωθητική προσφορά Black Friday δίνει έκπτωση 15% σε κάθε πρότυπο, οπότε το Mochi Monsters κοστίζει 33,15 $, και από 1 Δεκεμβρίου οι τιμές επιστρέφουν στον τιμοκατάλογο.

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

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

Είναι το Mochi Monsters παιχνίδι water sort;

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

Χρειάζεται να κάνω build το παιχνίδι πριν το ανεβάσω;

Όχι. Ανεβάστε το περιεχόμενο του game/ σε φιλοξενία HTTP(S). Η ανάπτυξη του πηγαίου κώδικα είναι προαιρετική.

Τι μπορώ να αλλάξω χωρίς build;

Τον τίτλο του περιηγητή, το λογότυπο, την αρχική γλώσσα και το κλειδί αποθήκευσης, όλα στο mochi.config.js. Οι κανόνες, τα γραφικά, τα επίπεδα και οι τιμές καπέλων χρειάζονται τον πηγαίο κώδικα TypeScript και νέο build με npm.

Μπορώ να προσθέσω περισσότερους κόσμους ή επίπεδα;

Η έκδοση έχει 60 επίπεδα σε τρεις κόσμους. Η προσθήκη περισσότερων σημαίνει επεξεργασία του πηγαίου κώδικα, με τα συμπεριλαμβανόμενα εργαλεία δημιουργίας επιπέδων. Επιπλέον καμπάνιες δεν περιλαμβάνονται στο πακέτο.

Πού αποθηκεύεται η πρόοδος του παίκτη;

Στην τοπική αποθήκευση του τρέχοντος περιηγητή. Ο συγχρονισμός στο cloud δεν περιλαμβάνεται.

Λειτουργεί σε κινητά;

Ναι. Τρέχει στους τρέχοντες κινητούς περιηγητές με έλεγχο αφής, και σε υπολογιστή με ποντίκι.

Ποιος πρέπει να διαλέξει παιχνίδι ταξινόμησης χρωμάτων, και τι άλλο να δει

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

Αν θέλετε παζλ με περισσότερο σχεδιασμό, το Beep Out είναι ένα τρισδιάστατο παζλ πάρκινγκ με 30 επίπεδα και αντιστοίχιση επιβατών, 35 $ στην κανονική τιμή. Αν το κοινό σας αγαπά τους αριθμούς, το Tenguin είναι ένα παζλ αντιστοίχισης αριθμών όπου οι παίκτες ζευγαρώνουν ίσους αριθμούς ή δύο που κάνουν δέκα, 39 $ στην κανονική τιμή.

Δείτε το Beep Out, το τρισδιάστατο παζλ πάρκινγκ

Δείτε το Tenguin, το παζλ αντιστοίχισης αριθμών

Πάρτε τον πηγαίο κώδικα ταξινόμησης χρωμάτων του Mochi Monsters