Kod źródłowy gry sortowania kolorów: co zmienić najpierw
Mochi Monsters jako przykład: zasady, pliki, jeden plik konfiguracji i zmiany, które wymagają przebudowy.
Kupno kodu źródłowego gry sortowania kolorów ma sens, gdy chcesz grę w stylu Water Sort na własnej stronie, bez pisania samodzielnie zasad ruchów, generatora poziomów i systemu zapisu. Mochi Monsters to właśnie taka paczka: 60 poziomów w trzech światach, tryb Endless, czytelny TypeScript i gotowy do wgrania folder gry, za 39 USD według ceny katalogowej.
Zasada stojąca za Water Sort, Ball Sort i Mochi Monsters jest ta sama: można przelać się tylko do pustego pojemnika albo na pasującą wierzchnią warstwę. Różni szablony od siebie wszystko, co dzieje się wokół tej zasady. Ten przewodnik przechodzi przez paczkę w kolejności, w jakiej poznaje ją kupujący, i kończy się zmianami, które zrobisz w pięć minut, oraz tymi, które wymagają programisty.
Zasada sortowania i dwa zwroty akcji
Gracz dotyka jedno gniazdo, a potem drugie. Grupa galaretkowych przyjaciół z wierzchu przeskakuje tylko wtedy, gdy docelowe gniazdo jest puste albo jego wierzchni przyjaciel jest tego samego gatunku. Plansza jest rozwiązana, gdy każde gniazdo zawiera jeden gatunek. Podpowiedź, cofnięcie i restart są wbudowane.
Dwie mechaniki sprawiają, że 60 poziomów nie wygląda jak jeden poziom powtórzony. Muszla przykrywa gniazdo i otwiera się, gdy wypełnisz to gniazdo gatunkiem pokazanym na wieczku; cofnięcie ruchu może ją znów zamknąć. Połączone gniazda przypływu zamieniają się miejscami, gdy jedno z nich się opróżni, co zmienia planszę wbrew planowi gracza.
Dla kupującego to ważne, bo te mechaniki są już napisane i przetestowane. Dodanie takiego zwrotu do zwykłej gry sortującej zajmuje dłużej, niż się wydaje, głównie przez przypadki brzegowe przy cofaniu ruchu.
Co zawiera kod źródłowy gry sortowania kolorów
- 60 poziomów kampanii w Sugar Meadow, Bubble Beach i Mushroom Village, po 20 w każdym świecie.
- Tryb Endless z losowym ziarnem, który otwiera się po poziomie 20.
- Album kolekcji, interaktywny ogród i sześć kapeluszy kupowanych za Sugar Drops zdobywane w grze.
- Sterowanie dotykiem i myszą, zapisy lokalne i opcja ograniczonego ruchu.
- Gotowy do wgrania folder game/, czytelny kod źródłowy w JavaScript i TypeScript, konfiguracja, testy i noty licencyjne.
- Ilustrowany przewodnik offline w 14 językach, ze zrzutami ekranu po angielsku.
Interfejs ma 14 języków: angielski, portugalski, hiszpański, francuski, niemiecki, włoski, niderlandzki, polski, turecki, rosyjski, indonezyjski, japoński, koreański i chiński uproszczony. Przewodnik sam wybiera język czytelnika.
Stos technologiczny to TypeScript i JavaScript na Canvas 2D, z Web Audio. W plikach są HTML, CSS, JavaScript, JSON, TypeScript, WebP, PNG i MP3.
Jak zbudowany jest projekt
Myśl o paczce jak o trzech warstwach, z których każda wymaga innego nakładu pracy.
Warstwa 1: gotowa gra
Folder game/ jest kompletny. Wgraj jego zawartość na statyczny hosting HTTP(S) i gra działa. Nic tu nie wymaga budowania.
Warstwa 2: plik konfiguracji
mochi.config.js leży obok index.html. Ustawia tytuł karty przeglądarki, logo, język startowy i klucz zapisu. Zmieniasz wartość, wgrywasz plik, przeładowujesz stronę. Nadal bez budowania.
Warstwa 3: źródło w TypeScript
Zasady, grafika, poziomy i ceny kapeluszy są w źródle. Zmiana ich oznacza edycję TypeScript i przebudowę przez npm, a to wymaga Node.js 22.13 lub nowszego. Źródło zawiera narzędzia do wypiekania poziomów i 52 automatyczne testy, które obejmują zasady, poziomy, zapis i tłumaczenia.
Co zmienić najpierw w szablonie sortowania kolorów
Oto kolejność, którą polecamy, od zmian bez budowania do pracy dla programisty.
- Tytuł i logo w mochi.config.js, żeby karta przeglądarki i ekran startowy niosły Twoją markę.
- Język startowy w tym samym pliku, jeśli większość graczy nie mówi po angielsku.
- Klucz zapisu: ustaw go raz przed startem, potem nie ruszaj. Zmiana na działającej stronie sprawi, że gracze stracą postęp.
- Grafika i kolory galaretkowych przyjaciół, jeśli potrzebujesz pełnego przemarkowania. To praca w źródłach.
- Ceny kapeluszy i ekonomia nagród, także w źródłach.
- Nowe poziomy, z użyciem narzędzi do wypiekania poziomów, a potem testy.
Dla wielu stron pierwsze trzy kroki to cała robota. Pełne przemarkowanie oznacza natomiast wymianę każdego stworzenia, gniazda i tła w trzech światach i tam idzie większość czasu. Zaplanuj to uczciwie, zanim obiecasz klientowi termin.
White label jest dozwolony: Twoja nazwa i logo albo logo klienta mogą zastąpić nasze w dowolnym miejscu w grze.
Hosting, osadzanie i dalsza praca
Wgraj zawartość folderu game/ na dowolny statyczny hosting HTTP(S), w podfolderze, jeśli chcesz. Do grania nie potrzeba bazy danych, PHP ani usługi Node.js. Otwieranie plików z dysku przez file:// nie działa, więc testuj z lokalnego lub prawdziwego serwera WWW.
Gra działa w aktualnych przeglądarkach Chrome, Edge, Firefox i Safari na komputerze, tablecie lub telefonie. Postęp zapisuje się w lokalnej pamięci przeglądarki, bez synchronizacji między urządzeniami. To nie jest aplikacja offline do zainstalowania: gracze wczytują ją z Twojego adresu.
W paczce nie ma projektu aplikacji natywnej. Jeśli chcesz ją w sklepie z aplikacjami, połączoną z SDK portalu albo zainstalowaną na swoim serwerze, wyceniamy tę pracę osobno dla każdego projektu.
Poproś o wycenę przemarkowania, hostingu albo wersji aplikacji
Czego Mochi Monsters nie zawiera
Edycja nie ma kont online, zapisów w chmurze, globalnych rankingów, zakupów za prawdziwe pieniądze ani zestawu SDK reklam. Projektów aplikacji natywnych, hostingu i prac na zamówienie też w niej nie ma. Poza trzema światami nie ma kolejnych kampanii; tryb Endless to to, co podtrzymuje grę po nich.
Jeśli planujesz pokazywać reklamy, licencja pozwala na monetyzację reklamową Twojego produktu końcowego, ale podłączenie sieci reklamowej to praca po Twojej stronie albo zlecenie wyceniane przez nas.
Licencja i cena w jednym akapicie
Jeden zakup daje wieczystą, niewyłączną licencję na użycie edycji w jednym produkcie końcowym, Twoim albo jednego klienta. Gracze mogą grać za darmo albo z monetyzacją reklamową. W tym produkcie możesz zmieniać kod, grafikę i audio, ale nie możesz odsprzedawać ani udostępniać szablonu, jego źródeł i zasobów osobno, jako zestawu ani w innym produkcie dla programistów. Wsparcie trwa 6 miesięcy, albo 12 z dodatkiem wybranym przy kasie, i obejmuje instalację, używanie plików oraz naprawę powtarzalnych błędów; licencja nie kończy się wraz z wsparciem. Cena katalogowa to 39 USD; do 30 listopada 2026 promocja Black Friday obniża o 15% cenę każdego szablonu, więc Mochi Monsters kosztuje 33,15 USD, a od 1 grudnia ceny wracają do listy.
Najczęściej zadawane pytania
Czy Mochi Monsters to gra w stylu Water Sort?
Opiera się na tej samej podstawowej zasadzie: grupa może przejść tylko do pustego gniazda albo na pasującego przyjaciela. Zamiast cieczy w probówkach gracze sortują galaretkowe stworzenia w gniazdach, a na to nakładają się muszle i gniazda przypływu.
Czy muszę zbudować grę przed wgraniem?
Nie. Wgraj zawartość folderu game/ na hosting HTTP(S). Rozwój źródeł jest opcjonalny.
Co mogę zmienić bez przebudowy?
Tytuł karty przeglądarki, logo, język startowy i klucz zapisu, wszystko w mochi.config.js. Zasady, grafika, poziomy i ceny kapeluszy wymagają źródła TypeScript i przebudowy przez npm.
Czy mogę dodać więcej światów albo poziomów?
Edycja ma 60 poziomów w trzech światach. Dodawanie kolejnych oznacza edycję źródeł z dołączonymi narzędziami do wypiekania poziomów. Dodatkowe kampanie nie są częścią paczki.
Gdzie zapisywany jest postęp gracza?
W lokalnej pamięci aktualnej przeglądarki. Synchronizacja w chmurze nie jest w pakiecie.
Czy działa na telefonach?
Tak. Działa w aktualnych mobilnych przeglądarkach ze sterowaniem dotykiem, a na komputerze z myszą.
Kto powinien wybrać sortowanie kolorów i na co jeszcze zwrócić uwagę
Gra sortowania kolorów pasuje do portali casualowych, stron rodzinnych i marek, które chcą spokojnej gry z krótkimi sesjami. Dobrze wygląda na telefonie, a zasada mieści się w jednym zdaniu.
Jeśli chcesz łamigłówkę z większym planowaniem, Beep Out to trójwymiarowa łamigłówka parkingowa z 30 poziomami i dopasowywaniem pasażerów, za 35 USD według ceny katalogowej. Jeśli Twoi odbiorcy lubią liczby, Tenguin to łamigłówka dopasowywania liczb, w której gracze łączą równe liczby albo dwie, które dają dziesięć, za 39 USD według ceny katalogowej.
Zobacz Beep Out, trójwymiarową łamigłówkę parkingową