Kildekode til fargesortering (water sort): hva du endrer først
Mochi Monsters som et utarbeidet eksempel: reglene, filene, den ene konfigurasjonsfilen og endringene som krever ny bygging.
Å kjøpe kildekode til fargesorteringspuslespill gir mening når du vil ha et spill i water sort-stil på din egen side, uten å skrive reglene for flytting, nivågeneratoren og lagringssystemet selv. Mochi Monsters er den typen pakke: 60 nivåer i tre verdener, en Endless-modus, lesbar TypeScript og en ferdig spillmappe klar for hosting, for 39 USD til listepris.
Regelen bak water sort, ball sort og Mochi Monsters er den samme: du kan bare flytte over til en tom beholder eller på en topp som matcher. Det som skiller én mal fra en annen, er alt rundt denne regelen. Denne guiden går gjennom pakken i den rekkefølgen en kjøper møter den, og slutter med endringene du kan gjøre på fem minutter, og de som krever en utvikler.
Sorteringsregelen, og de to vridningene oppå den
Spilleren trykker på en rede, og så på en annen. Gruppen av gelévenner på toppen hopper bare over hvis målreden er tom, eller hvis vennen øverst er av samme art. Et brett er løst når hver rede bare inneholder én art. Hint, Undo og Restart er innebygd.
To mekanikker gjør at de 60 nivåene ikke føles som ett nivå gjentatt. Et skjell-lokk dekker en rede og åpner seg når du fyller den reden med arten som vises på lokket; Undo kan lukke det igjen. Koblede tidevannsreder bytter plass når en av dem blir tom, noe som endrer brettet under spillerens plan.
Dette betyr noe for en kjøper fordi det allerede er skrevet og testet. Å legge en slik vridning til et vanlig sorteringsspill er arbeid som tar lengre tid enn forventet, mest på kantsituasjonene rundt angre.
Hva kildekoden til fargesorteringspuslespillet inneholder
- 60 kampanjenivåer på tvers av Sugar Meadow, Bubble Beach og Mushroom Village, 20 i hver verden.
- En Endless-modus med fast frø som åpnes etter nivå 20.
- Et samlealbum, en interaktiv hage og seks luer kjøpt med Sugar Drops tjent i spill.
- Berøring- og musestyring, lokale lagringer og et alternativ for redusert bevegelse.
- En ferdig spillmappe klar for hosting, lesbar JavaScript- og TypeScript-kildekode, konfigurasjon, tester og lisensmerknader.
- En illustrert offline-guide på 14 språk, med skjermbilder på engelsk.
Grensesnittet har 14 språk: engelsk, portugisisk, spansk, fransk, tysk, italiensk, nederlandsk, polsk, tyrkisk, russisk, indonesisk, japansk, koreansk og forenklet kinesisk. Guiden følger leserens språk automatisk.
Stakken er TypeScript og JavaScript på Canvas 2D, med Web Audio. Filene inkluderer HTML, CSS, JavaScript, JSON, TypeScript, WebP, PNG og MP3.
Slik er prosjektet bygget opp
Tenk på pakken som tre lag, der hvert krever ulik innsats.
Lag 1: det hostede spillet
Mappen game/ er komplett. Last innholdet opp til statisk HTTP(S)-hosting, så spiller det. Ingenting her krever bygging.
Lag 2: konfigurasjonsfilen
mochi.config.js ligger ved siden av index.html. Den setter nettleserens tittel, logoen, startspråket og lagringsnøkkelen. Endre en verdi, last filen opp, last siden på nytt. Fortsatt ingen bygging.
Lag 3: TypeScript-kildekoden
Regler, grafikk, nivåer og prisene på luer ligger i kildekoden. Å endre dem betyr å redigere TypeScript og bygge på nytt med npm, noe som krever Node.js 22.13 eller nyere. Kildekoden inkluderer verktøy for å bake nivåer og 52 automatiske tester som dekker regler, nivåer, lagring og oversettelser.
Hva du endrer først i en mal for fargesortering
Her er rekkefølgen vi foreslår, fra endringer uten bygging til utviklerarbeid.
- Tittel og logo i mochi.config.js, slik at nettleserfanen og startskjermen bærer merket ditt.
- Startspråket i samme fil, hvis de fleste spillerne dine ikke snakker engelsk.
- Lagringsnøkkel: sett den én gang før lansering, og rør den deretter ikke. Å endre den på en live side får spillerne til å miste fremgangen sin.
- Grafikk og farger på gelévennene, hvis du trenger en full ny drakt. Dette er kildearbeid.
- Prisene på luer og økonomien for belønninger, også i kildekoden.
- Nye nivåer, med verktøyene for å bake nivåer, deretter testene.
For mange sider er de tre første stegene hele jobben. En full ny drakt betyr derimot å erstatte hvert vesen, hver rede og hver bakgrunn i tre verdener, og det er der mesteparten av tiden går. Planlegg det ærlig før du lover en kunde en dato.
White label er tillatt: ditt navn og logo, eller din kundes, kan erstatte vårt hvor som helst i spillet.
Hosting, innbygging og videre utvikling
Last innholdet i game/ opp til en hvilken som helst statisk HTTP(S)-host, i en undermappe om du vil. Ingen database, PHP- eller Node.js-tjeneste trengs for å spille. Å åpne filene fra disk med file:// fungerer ikke, så test fra en lokal eller ekte webserver.
Spillet kjører i nyere Chrome, Edge, Firefox og Safari på datamaskin, nettbrett eller telefon. Fremgangen lagres i nettleserens lokale lagring, uten synkronisering mellom enheter. Det er ikke en app som kan installeres for offline bruk: spillerne laster den fra nettadressen din.
Det finnes ingen prosjekt for native app i pakken. Hvis du vil ha den i en appbutikk, koblet til en portal-SDK eller installert på serveren din, gir vi tilbud på det arbeidet per prosjekt.
Be om tilbud på en ny drakt, hosting eller en appversjon
Hva Mochi Monsters ikke inkluderer
Utgaven har ingen nettkontoer, skylagring, globale resultattavler, kjøp med ekte penger eller reklame-SDK. Prosjekter for native apper, hosting og spesialutvikling er ikke med. Det finnes ingen spillbare kampanjer utover de tre verdenene; Endless-modus er det som holder spillet i gang etter dem.
Hvis du planlegger å vise annonser, tillater lisensen annonseinntekter for sluttproduktet ditt, men å koble til et annonsenettverk er arbeid på din side, eller et tilbudt oppdrag hos oss.
Lisens og pris i ett avsnitt
Ett kjøp gir en evig, ikke-eksklusiv lisens til å bruke utgaven i ett sluttprodukt, ditt eller én kundes. Spillerne kan spille gratis eller gjennom annonseinntekter. Du kan endre koden, grafikken og lyden i det produktet, men du kan ikke videreselge eller dele malen, kildekoden eller ressursene alene, som et sett eller inne i et annet produkt for utviklere. Støtten varer i 6 måneder, eller 12 med tillegget i kassen, og dekker installasjon og bruk av filene samt retting av reproduserbare feil; lisensen opphører ikke når støtten gjør det. Listeprisen er 39 USD; til og med 30. november 2026 gir en Black Friday-kampanje 15 % rabatt på alle maler, så Mochi Monsters koster 33,15 USD, og fra 1. desember går prisene tilbake til listepris.
Vanlige spørsmål
Er Mochi Monsters et water sort-spill?
Det bruker den samme kjerneregelen: en gruppe kan bare flytte inn i en tom rede eller på en venn som matcher. I stedet for væske i rør sorterer spillerne gelévesener i reder, med skjell-lokk og tidevannsreder lagt til.
Må jeg bygge spillet før jeg laster det opp?
Nei. Last innholdet i game/ opp til HTTP(S)-hosting. Kildeutvikling er valgfritt.
Hva kan jeg endre uten ny bygging?
Nettleserens tittel, logoen, startspråket og lagringsnøkkelen, alt i mochi.config.js. Regler, grafikk, nivåer og prisene på luer krever TypeScript-kildekoden og en ny bygging med npm.
Kan jeg legge til flere verdener eller nivåer?
Utgaven har 60 nivåer i tre verdener. Å legge til flere betyr å redigere kildekoden, med de inkluderte verktøyene for å bake nivåer. Ekstra kampanjer er ikke en del av pakken.
Hvor lagres spillerens fremgang?
I den lokale lagringen til den aktuelle nettleseren. Skysynkronisering er ikke inkludert.
Fungerer det på telefoner?
Ja. Det kjører i nyere mobilnettlesere med berøringsstyring, og på datamaskin med mus.
Hvem bør velge et fargesorteringspuslespill, og hva ellers å se på
Et fargesorteringspuslespill passer til casual-portaler, familiesider og merker som vil ha et rolig spill med korte økter. Det leses godt på telefon, og regelen får plass i én setning.
Hvis du vil ha et puslespill med mer planlegging, er Beep Out et 3D-parkeringspuslespill med 30 nivåer og passasjermatching, 35 USD til listepris. Hvis publikummet ditt liker tall, er Tenguin et tallmatchspill der spillerne parer like tall eller to som gir ti, 39 USD til listepris.
Se Beep Out, 3D-parkeringspuslespillet