Szablony gier Construct 3 czy czysty JavaScript? Jak wybrać

Szablony gier Construct 3 warto wybrać wtedy, gdy chcą Państwo zmieniać grę w edytorze wizualnym i nie przeszkadza Państwu otwieranie tego edytora za każdym razem. Szablon gry w czystym JavaScripcie (vanilla), czyli szablon gry HTML5 niewymagający silnika, jest właściwy, jeśli potrafią Państwo otworzyć kod w dowolnym edytorze tekstu albo robi to ktoś po Państwa stronie. Żaden z nich nie jest lepszym produktem. Różnica polega na tym, co trzeba zainstalować na komputerze, zanim cokolwiek da się zmienić.

Sprzedajemy drugi rodzaj, więc mamy w tym interes. Aby zachować uczciwość, przeczytaliśmy publiczne strony strony silnikowej w stanie z 24 października 2026: oficjalne porównanie funkcji i dokumentację Construct oraz cztery publiczne oferty gier HTML5 na CodeCanyon, które zawierają projekty Construct. Wszystko, co mówimy o naszych szablonach, pochodzi ze stron naszych produktów, naszych warunków i publicznych podręczników, które można otworzyć samodzielnie.

Poniżej znajdą Państwo krótkie drzewo decyzyjne, uczciwą listę tego, co zyskują i tracą Państwo na każdej drodze, dwa nasze szablony od środka, test do wykonania przed zapłatą za którykolwiek rodzaj oraz sześć pytań, które zadają kupujący.

Szablony gier Construct 3: czym są i czego potrzeba, by otworzyć jeden z nich

Construct to narzędzie do tworzenia gier z edytorem wizualnym, który działa także w przeglądarce. W praktyce szablon gry Construct 3 to plik projektu przygotowany dla tego edytora oraz wersja HTML5 gry, którą można hostować bez zmian. We wszystkich czterech ofertach CodeCanyon, które otworzyliśmy, lista plików wyglądała tak samo: plik .c3p obok plików gry HTML5.

Co te cztery oferty mówiły o edycji, po kolei: jedna pisze, że do edycji kodu potrzebne jest narzędzie Construct 3, wskazuje edytor online i dodaje, że wersja darmowa ma ograniczenia. Druga mówi, że sam do otwarcia projektu potrzebna jest bezpłatna wtyczka podmiotu trzeciego. Dwie wymieniają Construct 3 jako wersję oprogramowania i oferują pomoc przy wymianie grafiki (podmiana obrazów w edytorze grafiki; poradnik zmiany oprawy), nie mówiąc, jakiej edycji silnika potrzeba. Nie podajemy nazw sprzedawców: to wzorzec, a nie wyrok na któregokolwiek z nich.

Co mówią strony samego silnika, czytane 24 października 2026: darmowa edycja zawiera eksport do HTML5. Ogranicza liczbę zdarzeń (50 przy zalogowaniu z potwierdzonym adresem e-mail, 25 jako gość) oraz warstw (2). W tabeli funkcji zarabianie na grach, reklamy i zakupy w aplikacji figurują wśród rzeczy, których darmowa edycja nie obejmuje. Strona dzieli też płatne plany według tego, kto kupuje, na przykład osoby prywatne, zarejestrowane firmy i instytucje edukacyjne, więc proszę sprawdzić, który dotyczy Państwa.

Dokumentacja i strona Construct opisują gry budowane z arkuszy zdarzeń: zdarzeń złożonych z warunków i akcji, które widać w edytorze, z JavaScriptem jako opcją dla zaawansowanych użytkowników. To główna zaleta tej drogi i w kolejnych sekcjach traktujemy ją właśnie tak.

Zobacz Polar Games Marketplace

Szablon gry HTML5 niewymagający silnika: co to znaczy w naszym katalogu

Szablon w czystym JavaScripcie to folder plików HTML, CSS, JavaScript i JSON. Otworzy je dowolny edytor tekstu, a przeglądarka uruchomi je po umieszczeniu na hostingu. Dwukrotne kliknięcie index.html nie działa, ponieważ przeglądarki blokują moduły w protokole file://.

Musimy być tu precyzyjni, bo „bez silnika” nie znaczy „bez etapu budowania”. Po przeczytaniu wymagań każdego produktu w sklepie edycje dzielą się na trzy grupy:

• Edycja i wgranie, bez instalowania czegokolwiek: Ricopop (jego folder game/ sam jest edytowalnym źródłem: edytują Państwo, wgrywają i odświeżają), Velvet Pool i Puttide (bez npm, bez etapu budowania, bez PHP, bez bazy danych; podręcznik Velvet Pool każe edytować w source/ i kopiować zmienione pliki do game/). Node.js pojawia się tylko w opcjonalnych narzędziach dla programistów, w edycjach, które je mają.
• Zwykłe pliki z niewielkim pomocnikiem budowania: Gridspark i Solitaire Links (ten drugi to zwykły HTML, CSS i JavaScript). Instalacja i granie nie wymagają w żadnym z nich budowania. Podręcznik Gridspark każe pracować w source/ i uruchamiać npm test oraz npm run build (Node.js 20+, bez zależności npm), aby grywalne pliki trafiły do game/, a jego plik ustawień to zwykły tekst. W Solitaire Links plik ustawień edytuje się bez budowania, Node.js 20+ jest potrzebny tylko do testów i generowania języków, a w sprawie grafiki, zasad i tekstu podręcznik odsyła do opcjonalnej edycji ze źródłami i ponownego budowania.
• Projekty w TypeScript: Beep Out, Pinloop, Riffvolt, Sunset Rally, Trimora i Twirldrop (kompilacje Vite), Zabum (React i TypeScript) oraz Tenguin, Mochi Monsters, Deepforge i Barricade Z. Folder game/, który Państwo hostują, to czytelny JavaScript, ale zmiana źródeł TypeScript i ponowne budowanie wymagają Node.js (wymagania Trimora wymieniają npm ci, npm test i npm run build). Dokładna wersja jest na karcie Requirements każdego produktu.

W każdej edycji gotowy do hostowania folder game/ działa bez zmian na hostingu statycznym. Żadna lista wymagań nie wymienia edytora silnika gier ani licencji na silnik i żadna nie wymaga konta do edycji. Tylko to twierdzimy. Nie mówimy, że każdy szablon tutaj pomija etap budowania, bo to nieprawda.

Krótkie drzewo decyzyjne: jeśli chcą Państwo tego, wybierz to

Proszę zacząć od tego, co chcą Państwo zrobić pierwszego dnia, a nie od technologii.

• Jeśli chcą Państwo zmieniać poziomy, grafikę i zasady bez pisania kodu i są Państwo gotowi nauczyć się edytora albo już go używają: szablon silnikowy. Zdarzenia wizualne są zbudowane dokładnie do tego.
• Jeśli już używają Państwo Construct i chcą mieć fory przy danym typie gry: szablon silnikowy, ponieważ projekt otworzą Państwo w znanym narzędziu.
• Jeśli Państwo lub Państwa programista pracują w edytorze kodu z kontrolą wersji i chcą widzieć każdą zmianę jako różnicę tekstową: szablon w czystym JavaScripcie.
• Jeśli chcą Państwo tylko zmienić nazwę, kolory, teksty i poziomy, a potem wgrać grę: obie drogi się nadają. Proszę sprawdzić, czy oferta podaje pliki (czysty JavaScript) albo czy darmowa edycja otworzy projekt (droga silnikowa).
• Jeśli muszą Państwo przekazać grę klientowi bez planu silnika: zwykłe pliki łatwiej przekazać, bo otworzy je każdy edytor tekstu. Jeśli klient już pracuje w silniku, lepszym przekazaniem jest plik projektu.
• Jeśli planują Państwo zarabiać na reklamach: proszę przeczytać tabelę licencji silnika przed rozpoczęciem, ponieważ darmowa edycja wymienia reklamy jako niewchodzące w jej zakres, oraz licencję każdego szablonu. Nasza pozwala monetyzować produkt końcowy reklamami, ale gry są dostarczane bez sieci reklamowej.
• Jeśli nie znają Państwo żadnego z narzędzi: proszę wypróbować każde przez godzinę (patrz sekcja testowa poniżej) i zostać przy tym, z którym przestali Państwo walczyć.

Zobacz Ricopop: szablon w czystym JavaScripcie, w którym poziomy to mapy tekstowe

Droga silnikowa: co zyskują Państwo i z czego rezygnują

Drogę silnikową warto traktować poważnie. Istnieje, bo wiele osób chce stworzyć lub zmienić grę bez jej pisania, i dobrze sobie z tym radzi. Dla niektórych kupujących to po prostu właściwe narzędzie.

Co zyskują Państwo

• Edycja wizualna: układy, obiekty i arkusze zdarzeń, które czyta się i zmienia na ekranie, a nie w kodzie.
• Dokumentacja, samouczki i forum użytkowników na stronie silnika. Gdy utkną Państwo w miejscu, szukają publicznych odpowiedzi, czego nie da się zrobić dla szablonu sprzedawanego przez jedno studio.
• Dodatki: strona silnika wymienia dołączone dodatki i pozwala zapisywać dodatki podmiotów trzecich razem z projektem, więc funkcje przychodzą jako dodatki, a nie kod, który trzeba napisać.
• To, czego się Państwo nauczą, przechodzi dalej: druga gra używa tego samego edytora i tych samych zdarzeń.
• Eksport do HTML5 jest częścią darmowej edycji, więc można budować i testować przed wyborem planu.

Z czego rezygnują Państwo

• Potrzebny jest edytor, a darmowa edycja ogranicza zdarzenia i warstwy.
• Niektóre projekty wymagają dodatkowych wtyczek (jedna z przeczytanych ofert to robi).
• Zarabianie na grze zależy od licencji i planu samego silnika.
• Projekt jest zrobiony pod jedno narzędzie: zmienia się go tam, a nie w edytorze tekstu.

Droga czystego JavaScriptu: co zyskują Państwo i z czego rezygnują

Szablon gry w czystym JavaScripcie wymienia edytor na plik tekstowy. Jeśli umieją Państwo czytać kod, to dobry układ; jeśli nie, zły.

Co zyskują Państwo

• Pliki otworzy dowolny edytor tekstu, a udostępni je każdy hosting statyczny.
• Do edycji nie jest potrzebny plan silnika ani konto.
• Czytelne, sformatowane źródła i podręczniki pokazujące, gdzie znajdują się logo, kolory, zasady i teksty.
• Zmiany widać jako zwykły tekst, co działa z kontrolą wersji.
• Opcjonalne testy automatyczne w niektórych edycjach (Node.js 20+). W Velvet Pool obejmują fizykę, zasady 8-ball, mecze z komputerem i klucze tłumaczeń.

Z czego rezygnują Państwo

• Edytują Państwo kod: zbłąkany przecinek może zepsuć ekran.
• Brak edytora wizualnego do poziomów i układów. Poziomy Ricopop to mapy tekstowe, z narzędziem sprawdzającym, czy poziom da się jeszcze wygrać.
• Brak publicznego forum dla jednego szablonu: pytania idą do sprzedawcy, a wsparcie ma granice. To 6 miesięcy w cenie albo 12 z przedłużeniem, a dostosowanie, nowe funkcje, hosting oraz integracja z SDK lub portalem są osobnymi, wycenianymi usługami.
• To, czego edycja nie zawiera, nie jest w niej. Gridspark nie ma na przykład rankingów online, kont, pakietów SDK reklam ani wersji natywnych dla sklepów z aplikacjami.

Proszę czytać listę „Not included in this edition” na stronie każdego produktu. Lista Velvet Pool wymienia wieloosobową grę online, rankingi online, SDK reklam i aplikacje natywne. Lista Ricopop wymienia natywne wersje na Androida i iOS, grę wieloosobową online lub ranking konkurencyjny weryfikowany przez serwer oraz konta w sieciach reklamowych i integracje SDK portali z grami.

Dwa szablony w czystym JavaScripcie od środka: Ricopop i Gridspark

Ich publiczne podręczniki odpowiadają na pytanie „gdzie to zmienić?” nazwą pliku. Zaczynamy od Ricopop, bo jego folder game/ jest źródłem.

Ricopop: poziomy jako tekst, bez budowania

• Poziomy: src/levels.js zawiera 50 poziomów jako mapy tekstowe z wartością par i rozwiązaniem, a komentarz na górze wyjaśnia format.
• Zasady i liczby: src/sim/config.js zawiera liczbę kul na salwę, prędkość kul i wartości punktacji.
• Kolory i wygląd menu: style.css.
• Logo: rysowane przez kod w src/ui/logo.js, a nie obraz.
• Teksty i 14 języków: src/locales.js.
• Ustawienia reklam i tablicy wyników, oba domyślnie wyłączone: ricopop.config.js.

Przebieg pracy z podręcznika to edycja, wgranie, twarde odświeżenie. Podręcznik zaleca edytor kodu, taki jak VS Code lub Notepad++, i odradza edytor tekstu typu word processor. Po zmianie mapy opcjonalne narzędzie node tools/validate.mjs sprawdza, czy każdy poziom da się jeszcze wygrać, a node tools/validate.mjs --solve 12 znajduje rozwiązanie poziomu 12. Narzędzia wymagają Node.js 20+.

Gridspark: ustawienia w pliku tekstowym, zasady w nazwanych modułach

• Teksty interfejsu i języki: src/locales.js.
• Stałe i paleta: src/config.js. Kolory interfejsu: style.css.
• Zasady układanki: game.js, board.js, generator.js i shapes.js.
• Logo, buzie i bloki: rysowane w src/logo.js.
• Ekran startowy i przycisk pełnego ekranu: gridspark.config.js, plik tekstowy, który nie wymaga ponownego budowania.

Przy zmianach w kodzie podręcznik każe pracować w source/, a potem uruchomić npm test i npm run build. Potrzebny jest Node.js 20+, ale żadne zależności nie są instalowane.

Velvet Pool stosuje ten sam pomysł w 3D. Jego logo jest w assets/logo/, style sukna i kija w src/game/progress.js, zachowanie przeciwnika komputerowego w src/core/ai.js, a fizyka w src/core/physics.js. Jego opcjonalne testy (npm test w source/, Node.js 20+) obejmują fizykę, zasady 8-ball, mecze z komputerem i klucze tłumaczeń, a podręcznik mówi wprost, że nie zastępują testów w przeglądarkach i na urządzeniach.

Zobacz Gridspark z podglądem na żywo i podręcznikiem

Jak przetestować oba rodzaje przed zapłatą

Pliku projektu, którego Państwo nie kupili, nie otworzą Państwo, ale przetestować można prawie wszystko wokół niego. Proszę wykonać te kroki po kolei, z włączonym stoperem.

Dla obu rodzajów

1. Proszę zagrać w demo dokładnie tej edycji na telefonie, z którego będą korzystać Państwa gracze. Obrócić go, przeładować, zmienić język.
2. Proszę przeczytać wymagania i listę rzeczy niewchodzących w skład. Zapisać każdy element, który nadal musieliby Państwo zbudować lub kupić.
3. Proszę znaleźć licencję i przeczytać trzy zdania: ile produktów obejmuje, czy reklamy są dozwolone i czego nie wolno odsprzedawać.

Dla szablonu silnikowego

1. Proszę zapytać, jaka edycja i wersja silnika otwiera projekt oraz czy wymaga dodatkowych wtyczek.
2. Proszę zapytać, ile zdarzeń i warstw projekt wykorzystuje, i porównać liczby z limitami darmowej edycji na stronie silnika.
3. Proszę otworzyć sam edytor i zbudować test na jednym ekranie, aby wiedzieć, czy praca w nim sprawia Państwu przyjemność.
4. Jeśli planują Państwo zarabiać na grze, proszę przed zakupem przeczytać w tej sprawie licencję silnika.

Dla szablonu w czystym JavaScripcie

1. Proszę otworzyć publiczny podręcznik i znaleźć, gdzie są logo, kolory, zasady i teksty.
2. Proszę sprawdzić, czego wymaga edycja: niczego albo Node.js i npm. Karta Requirements każdego produktu to mówi.
3. Proszę uruchomić grę tak, jak mówi podręcznik. Podręcznik Velvet Pool sugeruje na przykład python -m http.server 8765 w folderze game/ do testu lokalnego, a następnie otwarcie http://localhost:8765/.
4. Proszę otworzyć jeden skrypt dema w narzędziach deweloperskich przeglądarki. Jeśli potrafią Państwo go śledzić, potrafią Państwo go edytować.

Po naszej stronie szablony są produktami cyfrowymi: zwracamy zakup tylko wtedy, gdy szablon nie został jeszcze pobrany albo gdy dostarczony szablon ma wadę, której nie potrafimy usunąć. Aby poprosić o zwrot, proszę napisać do nas, podając numer licencji. Zwrot zakupu kończy licencję. Ponieważ pobranie zamyka tę furtkę, testy powyżej proszę wykonać przed zakupem, a już na pewno przed pobraniem.

Zobacz Velvet Pool: podręcznik, podgląd na żywo i wspomniane testy

FAQ

Czy potrzebuję silnika gier, aby edytować szablon gry HTML5?

To zależy od tego, jak szablon został wykonany. Szablon silnikowy zawiera projekt otwierany w edytorze tego silnika, a pliki projektów Construct kończą się na .c3p. Szablon w czystym JavaScripcie to pliki, które otworzy dowolny edytor tekstu. W Polar Games Marketplace żadna lista wymagań nie wymienia edytora silnika gier. Kilka edycji wymaga Node.js, a czasem npm, tylko do ponownego zbudowania źródeł w TypeScript.

Czy mogę edytować szablon Construct 3 w darmowej edycji?

Nie możemy odpowiedzieć za dany projekt. Strona silnika pokazywała 24 października 2026, że darmowa edycja eksportuje do HTML5 i ogranicza zdarzenia do 50 (25 jako gość), a warstwy do 2, a jedna z przeczytanych ofert mówi, że wersja darmowa ma ograniczenia. Proszę zapytać sprzedawcę, ile zdarzeń i warstw wykorzystuje projekt, i porównać.

Czy szablon gry w czystym JavaScripcie jest trudniejszy w edycji niż szablon silnikowy?

Jeśli nie piszą Państwo kodu, tak: nie ma edytora wizualnego, a literówka może zepsuć ekran. Jeśli piszą, zmiana koloru, tekstu czy poziomu to edycja nazwanego pliku, a podręczniki mówią, którego. Poziomy Ricopop to mapy tekstowe, a plik ustawień Gridspark to zwykły tekst.

Czy Państwa szablony wymagają npm lub etapu budowania?

Niektóre tak, niektóre nie. Ricopop, Velvet Pool i Puttide nie wymagają żadnego z nich. Gridspark nie wymaga budowania do instalacji i grania, a budowania bez zależności (npm test, npm run build, Node.js 20+) tylko wtedy, gdy zmieniają Państwo kod w source/. Edycje wykonane w TypeScript, takie jak Trimora i Twirldrop, wymagają Node.js i npm do ponownego zbudowania, choć folder game/, który Państwo hostują, jest już zbudowany. Wymaga tego karta Requirements każdego produktu.

Czy mogę użyć szablonu dla klienta i umieścić w nim reklamy?

Nasza licencja obejmuje jeden produkt końcowy, Państwa lub jednego klienta, a gracze mogą z niego korzystać bezpłatnie lub w modelu opartym na reklamach. Wolno zmieniać kod, grafikę i dźwięk w jego obrębie, ale nie wolno odsprzedawać szablonu ani jego źródeł. Gry są dostarczane bez sieci reklamowej, więc jej podłączenie i uzyskanie zgody leży po Państwa stronie. W przypadku szablonu silnikowego proszę przeczytać także licencję silnika, nie tylko sprzedawcy.

A jeśli wybiorę zły rodzaj?

Proszę najpierw przetestować, jak wyżej. Zwrot jest możliwy tylko wtedy, gdy szablon nie został jeszcze pobrany albo gdy dostarczony szablon ma wadę, której nie potrafimy usunąć. Przejście z jednej drogi na drugą po fakcie oznacza odbudowanie gry w drugim narzędziu, więc godzina przed zapłatą jest dobrze wykorzystana.

Proszę otworzyć jeden, zanim zdecydują Państwo

Najtańsze porównanie kosztuje godzinę: zagrać w demo, przeczytać podręcznik, otworzyć edytor. Proszę zrobić to raz dla szablonu silnikowego i raz dla szablonu w czystym JavaScripcie, a potem wybrać ten, którego otwieranie po raz drugi nie budziło Państwa obaw.

Przeglądaj Polar Games Marketplace i otwórz podręcznik