Color sort-puzzle kildekode: hvad du ændrer først (water sort-stil)
Mochi Monsters som et gennemarbejdet eksempel: reglerne, filerne, den ene konfigurationsfil og de ændringer, der kræver en genopbygning.
Køb af color sort-puzzle kildekode giver mening, når du vil have et water sort-spil på din egen side uden selv at skrive reglerne for træk, niveaugeneratoren og gemmesystemet. Mochi Monsters er den slags pakke: 60 niveauer i tre verdener, en Endless-tilstand, læsbar TypeScript og en færdig spilmappe, der kan hostes, til 39 USD til listepris.
Reglen bag water sort, ball sort og Mochi Monsters er den samme: du kan kun flytte over i en tom beholder eller oven på en matchende top. Det, der skiller én skabelon fra en anden, er alt omkring reglen. Denne guide gennemgår pakken i den rækkefølge, en køber møder den, og slutter med de ændringer, du kan lave på fem minutter, og dem der kræver en udvikler.
Sorteringsreglen og de to vendinger oven på den
Spillerne trykker på én rede og derefter på en anden. Gruppen af gelévenner øverst hopper kun over, hvis målreden er tom, eller hvis dens øverste ven er af samme art. Et bræt er løst, når hver rede kun indeholder én art. Hint, Fortryd og Start forfra er indbygget.
To mekanikker forhindrer de 60 niveauer i at føles som ét niveau gentaget. Et skal-låg dækker en rede og åbner sig, når du fylder reden med arten, der vises på låget. Fortryd kan lukke det igen. Forbundne tidevandsreder bytter plads, når en af dem bliver tom, hvilket ændrer brættet under spillerens plan.
Det betyder noget for en køber, fordi det allerede er skrevet og testet. At tilføje en vending som denne til et almindeligt sorteringsspil er det arbejde, der tager længere end forventet, især i kanttilfældene omkring fortryd.
Hvad color sort-puzzle kildekoden indeholder
- 60 kampagneniveauer fordelt på Sugar Meadow, Bubble Beach og Mushroom Village, 20 i hver verden.
- En seedet Endless-tilstand, der åbner efter niveau 20.
- Et samlealbum, en interaktiv have og seks hatte købt med Sugar Drops, der optjenes i spillet.
- Touch- og museskontrol, lokale gemninger og en indstilling for reduceret bevægelse.
- En færdig spilmappe game/, der kan hostes, læsbar JavaScript- og TypeScript-kildekode, konfiguration, tests og licensnoter.
- En illustreret offlineguide på 14 sprog, med skærmbilleder på engelsk.
Grænsefladen har 14 sprog: engelsk, portugisisk, spansk, fransk, tysk, italiensk, hollandsk, polsk, tyrkisk, russisk, indonesisk, japansk, koreansk og forenklet kinesisk. Guiden følger automatisk læserens sprog.
Stakken er TypeScript og JavaScript på Canvas 2D, med Web Audio. Filerne omfatter HTML, CSS, JavaScript, JSON, TypeScript, WebP, PNG og MP3.
Sådan er projektet opbygget
Tænk på pakken som tre lag, der hver kræver en forskellig indsats.
Lag 1: det hostede spil
Mappen game/ er komplet. Upload indholdet til statisk HTTP(S)-hosting, og spillet kører. Intet her kræver en build.
Lag 2: konfigurationsfilen
mochi.config.js ligger ved siden af index.html. Den sætter browsertitlen, logoet, startsproget og gemmenavnet. Redigér en værdi, upload filen, og genindlæs siden. Stadig ingen build.
Lag 3: TypeScript-kilden
Regler, grafik, niveauer og hattepriser ligger i kilden. At ændre dem betyder at redigere TypeScript og genopbygge med npm, hvilket kræver Node.js 22.13 eller nyere. Kilden indeholder værktøjer til niveau-baking og 52 automatiske tests, der dækker regler, niveauer, gemning og oversættelser.
Hvad du skal ændre først i en color sort-skabelon
Her er den rækkefølge, vi foreslår, fra ændringer uden build til udviklerarbejde.
- Titel og logo i mochi.config.js, så browserfanen og startskærmen bærer dit brand.
- Startsprog i samme fil, hvis de fleste af dine spillere ikke taler engelsk.
- Gemmenavn: sæt det én gang før lancering, og lad det så være. Ændrer du det på en live side, mister spillerne deres fremskridt.
- Grafik og farver på gelévennerne, hvis du har brug for en fuld reskin. Dette er kildearbejde.
- Hattepriser og belønningsøkonomien, også i kilden.
- Nye niveauer med værktøjerne til niveau-baking, og derefter testene.
For mange sider er de tre første trin hele jobbet. En fuld reskin derimod betyder at udskifte hvert væsen, hver rede og hver baggrund i tre verdener, og det er her, det meste af tiden går. Planlæg det ærligt, før du lover en kunde en dato.
White label er tilladt: dit navn og logo, eller din kundes, kan erstatte vores hvor som helst i spillet.
Hosting, indlejring og videre udvikling
Upload indholdet af game/ til en statisk HTTP(S)-host, i en undermappe hvis du vil. Der kræves ingen database, PHP- eller Node.js-tjeneste for at spille. Åbner du filerne fra disken med file://, virker det ikke, så test fra en lokal eller rigtig webserver.
Spillet kører i nyere Chrome, Edge, Firefox og Safari på computer, tablet eller telefon. Fremskridt gemmes i browserens lokale lager, uden synkronisering mellem enheder. Det er ikke en app, der kan installeres til offline brug: spillerne indlæser det fra din webadresse.
Pakken indeholder intet native app-projekt. Hvis du vil have det i en app-butik, forbundet til en portal-SDK eller installeret på din server, tilbyder vi det som et tilbud pr. projekt.
Bed om et tilbud på en reskin, hosting eller en appversion
Hvad Mochi Monsters ikke indeholder
Udgaven har ingen online-konti, skysave, globale ranglister, køb for rigtige penge eller reklame-SDK. Native app-projekter, hosting og skræddersyet udvikling er ikke inkluderet. Der er ingen spilbare kampagner ud over de tre verdener. Endless-tilstanden er det, der holder spillet i gang efter dem.
Hvis du planlægger at vise annoncer, tillader licensen annoncemonetisering af dit slutprodukt. Men at tilslutte et annoncenetværk er arbejde på din side eller et tilbudt job hos os.
Licens og pris i ét afsnit
Et køb giver en evigvarende, ikke-eksklusiv licens til at bruge udgaven i ét slutprodukt, dit eller én kundes. Spillerne må spille gratis eller via annoncemonetisering. Du må ændre kode, grafik og lyd i det produkt, men du må ikke videresælge eller dele skabelonen, dens kildekode eller dens aktiver alene, som et sæt eller i et andet produkt til udviklere. Support varer 6 måneder, eller 12 med forlængelsen i kassen, og dækker installation og brug af filerne samt rettelse af reproducerbare fejl. Licensen ophører ikke med supporten. Listeprisen er 39 USD. Indtil 30. november 2026 giver en Black Friday-kampagne 15 % rabat på alle skabeloner, så Mochi Monsters koster 33,15 USD. Fra 1. december vender priserne tilbage til listepris.
Ofte stillede spørgsmål
Er Mochi Monsters et water sort-spil?
Det bruger den samme kerneregel: en gruppe kan kun flytte ind i en tom rede eller oven på en matchende ven. I stedet for væske i rør sorterer spillerne gelékreaturer i reder, med skal-låg og tidevandsreder lagt oven på.
Skal jeg bygge spillet, før jeg uploader det?
Nej. Upload indholdet af game/ til HTTP(S)-hosting. Kildeudvikling er valgfri.
Hvad kan jeg ændre uden en build?
Browsertitlen, logoet, startsproget og gemmenavnet, alt sammen i mochi.config.js. Regler, grafik, niveauer og hattepriser kræver TypeScript-kilden og en npm-build.
Kan jeg tilføje flere verdener eller niveauer?
Udgaven har 60 niveauer i tre verdener. Flere kræver redigering af kilden med de medfølgende værktøjer til niveau-baking. Ekstra kampagner er ikke en del af pakken.
Hvor gemmes spillerens fremskridt?
I den aktuelle browsers lokale lager. Cloud-synkronisering er ikke inkluderet.
Virker det på telefoner?
Ja. Det kører i aktuelle mobilbrowsere med touchkontrol og på desktop med mus.
Hvem skal vælge en color sort-puzzle, og hvad ellers at kigge på
En color sort-puzzle passer til casual-portaler, familiesider og brands, der vil have et roligt spil med korte sessioner. Det fungerer godt på en telefon, og reglen passer i én sætning.
Hvis du vil have et puslespil med mere planlægning, er Beep Out et 3D-parkeringspuslespil med 30 niveauer og passagermatchning, til 35 USD til listepris. Hvis dit publikum kan lide tal, er Tenguin et talmatch-puslespil, hvor spillerne parrer ens tal eller to tal, der giver ti, til 39 USD til listepris.
Se Beep Out, 3D-parkeringspuslespillet