Gotowy szablon gry HTML5: co sprawdzić i co zmienić najpierw

Szablon gry to gotowa gra sprzedawana razem z kodem źródłowym i licencją na publikację pod Twoją nazwą albo nazwą klienta. Dobre szablony są gotowe od pierwszego dnia: wgrywasz folder, gra działa, a każda zmiana później to Twoja decyzja, a nie brakujący element. Słabe to zestawy startowe: jeden mechanizm, prowizoryczna grafika i sporo pracy po Twojej stronie.

Ten przewodnik pokazuje, jak odróżnić jedno od drugiego i jak wdrożyć gotowy szablon. Omawiamy, co zawiera szablon gry, pięć testów gotowości, wybór według zastosowania (strona www, portal, opakowanie w aplikację, kiosk, marka), zalecaną kolejność zmian i to, co sprawdzić w demo oraz instrukcji przed zapłatą. Na końcu krótki przegląd naszego katalogu 28 szablonów gier HTML5 według gatunku, z cenami katalogowymi.

Jesteśmy Polar Games, studiem, które od 2013 roku sprzedaje kod źródłowy gier na CodeCanyon jako autor polargames, a teraz sprzedaje też ze swojego sklepu. Dlatego to przewodnik dla sprzedającego. Kontrole działają jednak u każdego sprzedawcy, również u nas.

Czym jest szablon gry HTML5 i co dostajesz w pakiecie

W świecie HTML5 szablony gier to kompletne gry przeglądarkowe przygotowane do ponownego użycia. Kupujesz licencję, pobierasz pliki, umieszczasz swoją markę w grze i ją publikujesz. Nie dostajesz znaku towarowego gry ani wyłącznych praw; dostajesz prawo do użycia tej wersji w gotowym produkcie końcowym.

Zawartość pakietu zależy od sprzedawcy. W naszym sklepie każda wersja ma te same pięć części:

• Folder game/ gotowy do hostowania na dowolnym statycznym hostingu: bez PHP, bez bazy danych, bez konta.
• Czytelny kod źródłowy, który możesz edytować w swoim produkcie końcowym.
• Ilustrowana instrukcja lub przewodnik dla kupującego dla danej wersji.
• Certyfikat licencji z numerem i kodem autentyczności, który każdy może sprawdzić na naszej stronie weryfikacji.
• 6 miesięcy wsparcia od daty zakupu albo 12, jeśli wybierzesz przedłużenie przy zamówieniu.

Licencja jest bezterminowa i obejmuje jeden produkt końcowy, Twój albo jednego klienta. Białe etykietowanie (white label) jest dozwolone: Twoja marka może zastąpić naszą. Odsprzedaż szablonu lub jego kodu jako samodzielnego szablonu, zestawu czy pakietu zasobów nie jest dozwolona.

Przeglądaj 28 szablonów gier i zagraj w dema

Pięć testów gotowego szablonu

Szablon jest gotowy, gdy możesz go opublikować dziś, zmieniając tylko logo, i nic nie wygląda na zepsute ani niedokończone. W praktyce sprowadza się to do pięciu kontroli.

1. To skończona gra. Jest ekran startowy, menu ustawień, stan końcowy i powrót. Policz poziomy lub tryby na stronie produktu i potwierdź je w demo.
2. Działa jako pliki statyczne. Jeśli wymagania wskazują język serwerowy, bazę danych albo konto u sprzedawcy, szablon nie nadaje się do zwykłego hostingu.
3. Powierzchnia edycji jest udokumentowana. Instrukcja wskazuje pliki z tytułem, logo, kolorami, tekstami i zasadami oraz mówi, które zmiany wymagają ponownej kompilacji.
4. Ograniczenia są spisane. Dobra strona produktu wymienia, czego dana wersja nie zawiera. Nasze wymieniają m.in. grę online dla wielu graczy, zapisy w chmurze, pakiety reklamowe i aplikacje natywne.
5. Języki są podane precyzyjnie. Języki interfejsu, języki treści i nagrane głosy to trzy różne liczby, a gotowy szablon podaje wszystkie trzy.

Jak wybrać szablon gry według zastosowania

Gatunek liczy się mniej niż miejsce, w którym gra będzie działać. Zacznij od zastosowania, a lista szybko się skróci.

Własna strona www lub strona firmowa

Wybierz grę, którą odbiorcy zrozumieją w kilka sekund, z postępem zapisywanym w przeglądarce i bez logowania. Pasują tu gry arcade na jeden dotyk, jak Trimora, albo codzienna łamigłówka, jak Gridspark.

Portal z grami

Portale potrzebują dużej liczby i różnorodności, więc patrz na pakiety i na liczbę języków interfejsu w każdej wersji. Większość naszych wersji ma ich 14. Plop!, Zabum i Letter River mają po trzy, Aurora Words dziesięć, a Deepforge dwa. Żadna nasza wersja nie zawiera pakietu SDK portalu; integracja to osobna usługa, wyceniana indywidualnie.

Opakowanie w aplikację

Każda sprzedawana przez nas wersja wymienia aplikacje natywne jako niedołączone. Owinięcie folderu game/ w powłokę Androida lub iOS to Twoja praca albo usługa, którą wyceniamy, a zasady sklepów musisz spełnić sam. Wybierz grę, która już obsługuje dotyk i ekrany telefonów: Sunset Rally, Mochi Monsters i Pip Club wymieniają sterowanie dotykowe, a Barricade Z układy pionowy i poziomy.

Kiosk lub ekran na wydarzeniu

Nasze gry działają offline z pobranego folderu i obsługują ekrany dotykowe, co pasuje do kiosku. Uruchamiaj folder z lokalnego serwera WWW: kilka stron produktów mówi, że otwieranie index.html z dysku przez file:// nie jest obsługiwane. Wybieraj gry o krótkich sesjach z czytelnym restartem i testuj na dokładnie tym ekranie, którego użyjesz.

Marka lub kampania

Szukaj wersji z plikiem konfiguracyjnym, który możesz edytować bez kompilacji. Konfiguracja Tenguin ustawia tytuł, ścieżkę do logo, kolor akcentu i domyślny język; konfiguracja Mochi Monsters ustawia tytuł, logo, początkowy język i nazwę zapisu. Wszystko głębsze, na przykład nowa grafika czy zasady, idzie przez kod źródłowy.

Kupujesz dla marki lub klienta? Zobacz opcje dla firm

Co zmienić najpierw, w tej kolejności

1. Tytuł i nazwa zapisu. Zmień tytuł w przeglądarce i, jeśli wersja ją ma, przestrzeń nazw zapisu (Barricade Z nazywa ją storagePrefix). Nowa przestrzeń nazw oddziela postępy graczy od innych kopii gry na tej samej domenie.
2. Logo i kolor akcentu. W wersjach sterowanych konfiguracją to jeden plik; w innych, na przykład Trimora, instrukcja wskazuje brand.ts i ponowną kompilację.
3. Teksty. Napisy interfejsu są w plikach językowych, na przykład src/locales.js w Gridspark albo js/lang/ w Ludo Cats.
4. Zasady, poziomy i treści. 50 poziomów Ricopop to mapy tekstowe; słowa i wskazówki Letter River są w plikach dla każdego języka, a pytania Zabum w JSON. Najpierw zrób kopię zapasową i zmieniaj jedną rzecz naraz.

Co sprawdzić w demo i instrukcji przed zapłatą

Każda strona produktu ma działające demo wersji, którą pobierzesz. Dziesięć spokojnych minut tutaj oszczędzi godzin później.

• Otwórz demo na najwolniejszym telefonie i najstarszym laptopie, z jakich mogą korzystać Twoi gracze. Gry 3D (Velvet Pool, Puttide, Sunset Rally, Beep Out!, Twirldrop, Trimora) wymagają WebGL2.
• Otwórz menu ustawień. Szukaj języka, ograniczenia ruchu, opcji kolorów i regulacji głośności, tego, czego potrzebuje Twoja publiczność.
• Ukończ jeden poziom, przegraj drugi, a potem przeładuj stronę. Postęp powinien zostać, zapisany w przeglądarce.
• Zmień język i przeczytaj kilka ekranów. Sprawdź, czy głosy pozostają po angielsku, gdy tekst się zmienia.
• W instrukcji lub w FAQ strony produktu znajdź mapę plików, wymóg kompilacji (na przykład Node.js 22.12 lub nowszy) i noty licencyjne komponentów zewnętrznych, które musisz zachować.

Wypróbuj demo Gridspark: czysty JavaScript, bez kroku kompilacji

Czas wdrożenia: co go skraca, a co wydłuża

Nie podajemy liczby dni, bo ten sam szablon może działać tego samego popołudnia albo wymagać całego sprintu, zależnie od tego, co zmienisz. O tym decyduje coś przewidywalnego.

Krótka ścieżka

Zmieniasz tylko to, co obejmują plik konfiguracyjny albo zwykłe pliki: tytuł, logo, kolory, język, teksty. Wgrywasz game/ na statyczny hosting, testujesz na dwóch urządzeniach i publikujesz. Wersje bez żadnego kroku kompilacji, takie jak Velvet Pool, Puttide, Gridspark, Ricopop i Ludo Cats, zostają na tej ścieżce nawet wtedy, gdy edytujesz kod, bo pliki, które zmieniasz, są plikami, które hostujesz.

Dłuższa ścieżka

Zmieniasz grafikę, zasady albo poziomy w projekcie TypeScript. Oznacza to instalację wersji Node.js wskazanej w instrukcji, uruchomienie kompilacji i testów oraz zastąpienie całego folderu na hostingu nowym wynikiem. Dojdzie więcej, jeśli potrzebujesz rzeczy, których wersje nie zawierają, na przykład pakietu reklamowego, pakietu SDK portalu, rankingów online albo aplikacji natywnej.

Katalog szablonów gier według gatunku

28 wersji, ceny katalogowe w dolarach amerykańskich. Przy każdej jeden fakt o gotowości; resztę znajdziesz na stronie produktu.

Łamigłówki (12)

• Brain Mischief, 5 USD: 30 scenek z myśleniem bocznym, 14 języków.
• Ninjolt, 19 USD: 30 etapów przesuwania; walidator sprawdza każdą trasę po zmianach.
• Gridspark, 29 USD: łamigłówka z klocków, bez instalacji npm i bez kroku kompilacji.
• Letter River, 29 USD: słowa, wskazówki i samouczek po angielsku, portugalsku i hiszpańsku.
• Plop!, 35 USD: scalanie owoców z fizyką, trzy języki.
• Beep Out!, 35 USD: parkowanie 3D, 30 poziomów, poziomy sprawdzane jednym poleceniem.
• Tenguin, 39 USD: łączenie par liczb; tytuł, logo i kolor w pliku konfiguracyjnym.
• Mochi Monsters, 39 USD: sortowanie kolorów, 60 poziomów, logo ustawiane w konfiguracji.
• Aurora Words, 39 USD: wyszukiwanie słów w dziesięciu językach, listy słów w JSON.
• Solitaire Links, 49 USD: pasjans ze skojarzeniami słownymi, dwanaście światów.
• Bodoku, 59 USD, i Frogdoku, 59 USD: łamigłówki logiczne, po 180 poziomów każda.

Zobacz Tenguin: zmiana marki z jednego pliku konfiguracyjnego

Arcade (5)

• Trimora, 19 USD: stawianie 3D jednym dotknięciem, jeden tryb bez końca.
• Pinloop, 24 USD: timing jednym przyciskiem, 30 celów i 12 teł w brand.ts.
• Twirldrop, 29 USD: upuszczanie wieży 3D, 30 wież i tryb bez końca.
• Ricopop, 39 USD: odbijanie, 50 poziomów jako edytowalne mapy tekstowe, bez kroku kompilacji.
• Deepforge, 39 USD: scalanie i wydobywanie z fizyką; interfejs po angielsku i portugalsku.

Sport (4)

• Velvet Pool, 39 USD: bilard 8-bilowy, czysty JavaScript, bez kroku kompilacji.
• Puttide, 39 USD: mini golf 3D, 30 dołków, biblioteki w pakiecie.
• Sunset Rally, 39 USD: tenis stołowy 3D, dotyk i mysz.
• Golazo, 49 USD: piłka nożna na stole, 50 reprezentacji narodowych, zasady w config.js.

Planszowe, strategiczne i karciane (5)

• Barricade Z, 39 USD: obrona wieżami z łączeniem, układ pionowy i poziomy.
• Pip Club, 49 USD: domino z trzema przeciwnikami komputerowymi.
• Ludo Cats, 49 USD, i Ludo Space, 49 USD: Ludo dla 2 do 4 graczy na jednym urządzeniu albo przeciw komputerowi.
• Boba Club, 49 USD: pasjans Klondike, 120 rozdań sprawdzonych jako rozwiązywalne.

Muzyka i quizy (2)

• Riffvolt, 49 USD: rytmiczna gra na cztery pasy, 12 utworów.
• Zabum, 49 USD: quiz z około 1000 pytań na język, w trzech językach, instalowalny jako PWA.

Zobacz Ludo Cats: czytelny JavaScript, bez kroku kompilacji

Ceny, pakiety i wsparcie

Ceny katalogowe wynoszą od 5 USD (Brain Mischief) do 59 USD (Bodoku i Frogdoku). Do 30 listopada 2026 promocja Black Friday obniża każdy szablon o 15%; od 1 grudnia ceny wracają do katalogowych.

Kupując kilka szablonów w jednym zamówieniu, obniżasz cenę każdej licencji: 5% przy dwóch, 10% przy trzech, 15% przy czterech i 20% przy pięciu lub więcej. Rabat za pakiet liczy się po promocji, a podsumowanie zamówienia pokazuje końcową kwotę przed płatnością.

Przedłużenie wsparcia do 12 miesięcy kosztuje 30% ceny katalogowej, zaokrąglone do pełnego dolara (12 USD przy szablonie za 39 USD), i na nie nie działa żaden rabat. Wsparcie obejmuje instalację i używanie plików oraz powtarzalne błędy. Personalizacja, hosting, integracja SDK i opakowanie w aplikację są wyceniane osobno.

Najczęściej zadawane pytania

Czym jest szablon gry?

Gotowa gra sprzedawana razem z kodem źródłowym i licencją na publikację jako Twój produkt końcowy. Zmieniasz markę, teksty i, jeśli chcesz, zasady, a hostujesz ją sam. Nasze działają jako pliki statyczne na dowolnym hostingu WWW.

Czy szablony gier można używać komercyjnie za darmo?

Nie są darmowe, ale użytek komercyjny jest właśnie sensem. Nasza licencja obejmuje jeden produkt końcowy, Twój albo klienta, a gracze mogą grać za darmo lub z reklamami. Jeśli planujesz pobierać opłaty od graczy, zapytaj nas na piśmie, zanim kupisz.

Czy mogę umieścić szablon gry w App Store lub Google Play?

Nasze wersje nie zawierają aplikacji natywnych, więc owinięcie gry to Twoja praca albo usługa wyceniana osobno, a zasady każdego sklepu musisz spełnić sam. Najpierw sprawdź w demo obsługę dotyku i układ na telefonie.

Skąd wiadomo, że szablon jest naprawdę gotowy?

Zagraj w demo do końca poziomu, otwórz każde menu i przeczytaj listę tego, czego nie ma w pakiecie. Jeśli sprzedawca nie ma dema ani takiej listy, traktuj to jako zestaw startowy.

Wybierz jeden, potem zagraj w jego demo

Najpierw wybierz zastosowanie, potem dwa kandydujące szablony. Uruchom kontrole demo na obu, spisz listę zmian i zobacz, który wymaga mniej kompilacji. Ten będzie dla Ciebie gotowy.

Otwórz Marketplace Polar Games