Šablona hry HTML5: Construct 3, nebo vanilla JavaScript? Jak vybrat

Vyberte si některou ze šablon her Construct 3, pokud chcete hru měnit ve vizuálním editoru a nevadí vám ho pokaždé otevírat. Vyberte si šablonu ve vanilla JavaScriptu, tedy šablonu hry HTML5 bez potřeby enginu, pokud umíte otevřít kód v libovolném textovém editoru, nebo to umí někdo ve vašem týmu. Ani jedna není lepší produkt. Rozdíl je v tom, co musí být nainstalováno na vašem počítači, než můžete cokoli změnit.

Prodáváme druhý typ, takže na tom máme zájem. Abychom byli féroví, přečetli jsme veřejné stránky enginové strany tak, jak vypadaly 24. října 2026: vlastní srovnání funkcí a dokumentaci Constructu a čtyři veřejné výpisy na CodeCanyonu s hrami HTML5, které obsahují projekty Constructu. Vše, co říkáme o našich šablonách, pochází z našich stránek položek, z našich podmínek a z veřejných příruček, které si můžete otevřít sami.

Níže najdete krátký rozhodovací strom, upřímný seznam toho, co na jednotlivé cestě získáte a co vzdáte, dvě naše šablony rozebrané na díly, test, který můžete udělat před platbou za kterýkoli typ, a šest otázek, které lidé kladou.

Šablony her Construct 3: co jsou a co potřebujete k jejich otevření

Construct je nástroj na tvorbu her s vizuálním editorem, který běží také v prohlížeči. V praxi je šablona hry Construct 3 projektový soubor vytvořený pro tento editor a k tomu verze hry v HTML5, kterou můžete nahrát tak, jak je. Ve čtyřech výpisech na CodeCanyonu, které jsme otevřeli, měl seznam souborů pokaždé stejný tvar: projekt .c3p vedle souborů hry v HTML5.

Co ty čtyři výpisy říkaly o úpravách, jeden po druhém: jeden uvádí, že k úpravě kódu potřebujete nástroj Construct 3, odkazuje na online editor a dodává, že bezplatná verze má omezení. Jeden říká, že k otevření projektu je zapotřebí bezplatný zásuvný modul od třetí strany. Dva uvádějí Construct 3 jako verzi softwaru a nabízejí pomoc s výměnou grafiky (nahradit obrázky v grafickém editoru; návod na přestylování), aniž by řekly, kterou edici enginu potřebujete. Prodejce nejmenujeme: je to vzorec, ne verdikt o některém z nich.

Co říkají vlastní stránky enginu, přečtené 24. října 2026: bezplatná edice zahrnuje export do HTML5. Omezuje počet událostí (50, když jste přihlášení s ověřeným e-mailem, 25 jako host) a vrstev (2). V tabulce funkcí jsou mezi věcmi, které bezplatná edice nezahrnuje, výdělek z her, reklama a nákupy v aplikaci. Stránka také rozděluje placené plány podle toho, kdo kupuje, například jednotlivce, registrované firmy a vzdělávací instituce, takže zkontrolujte, který je váš.

Dokumentace a web Constructu popisují hry postavené na listech událostí: události složené z podmínek a akcí, které vidíte v editoru, s JavaScriptem jako volbou pro pokročilé uživatele. To je hlavní výhoda této cesty a následující oddíly se jí zabývají.

Podívejte se na tržiště Polar Games

Šablona hry HTML5 bez enginu: co to znamená v našem katalogu

Prostá šablona v JavaScriptu je složka souborů HTML, CSS, JavaScript a JSON. Každý textový editor je otevře a prohlížeč je spustí, jakmile budou na webovém hostingu. Dvojklik na index.html nefunguje, protože prohlížeče na file:// blokují moduly.

Musíme to říct přesně, protože „bez enginu“ neznamená „bez kroku sestavení“. Když přečteme požadavky každé položky na tržišti, edice spadají do tří skupin:

• Úprava a nahrání, nic se neinstaluje: Ricopop (jeho složka game/ je sama upravitelný zdroj: upravit, nahrát, obnovit), Velvet Pool a Puttide (žádný npm, žádný krok sestavení, žádné PHP, žádná databáze; příručka Velvet Pool vás vede k úpravám v source/ a kopírování změněných souborů do game/). Node.js se objevuje jen v nepovinných vývojářských nástrojích, u edicí, které je mají.
• Prosté soubory s malým pomocným nástrojem na sestavení: Gridspark a Solitaire Links (ten druhý je prostý HTML, CSS a JavaScript). K instalaci a hraní v obou případech sestavení nepotřebujete. Příručka Gridspark vás vede k práci v source/ a ke spuštění npm test a npm run build (Node.js 20+, bez závislostí npm), aby se hratelné soubory uložily do game/, a jeho soubor nastavení je prostý text. U Solitaire Links se soubor nastavení upravuje bez sestavení, Node.js 20+ je potřeba jen pro testy a generování jazyků a pro grafiku, pravidla a texty příručka odkazuje na nepovinnou zdrojovou edici a nové sestavení.
• Projekty v TypeScriptu: Beep Out, Pinloop, Riffvolt, Sunset Rally, Trimora a Twirldrop (sestavení přes Vite), Zabum (React a TypeScript), a také Tenguin, Mochi Monsters, Deepforge a Barricade Z. Složka game/, kterou nahráváte na hosting, je čitelný JavaScript, ale úprava zdrojového TypeScriptu a nové sestavení vyžadují Node.js (požadavky Trimora uvádějí npm ci, npm test a npm run build). Přesná verze je na kartě Requirements každé položky.

Ve všech edicích spustí připravená složka game/ na statickém hostingu tak, jak je. Žádný seznam požadavků neuvádí editor herního enginu ani licenci enginu a nikdo nevyžaduje účet kvůli úpravám. To je celé naše tvrzení. Netvrdíme, že každá šablona zde přeskakuje krok sestavení, protože by to nebyla pravda.

Krátký rozhodovací strom: když chcete tohle, vyberte tamto

Začněte tím, co chcete dělat první den, ne od technologie.

• Chcete měnit úrovně, grafiku a pravidla bez psaní kódu a jste ochotni naučit se editor, nebo jej už používáte: šablona enginu. Vizuální události jsou pro to přesně určené.
• Už používáte Construct a chcete náskok u určitého typu hry: šablona enginu, protože projekt otevřete v nástroji, který znáte.
• Vy nebo váš vývojář pracujete v editoru kódu s verzováním a chcete vidět každou změnu jako textový rozdíl: šablona v prostém JavaScriptu.
• Chcete jen změnit název, barvy, texty a úrovně a pak nahrát: obojí. Ověřte, že výpis uvádí soubory (prostý JavaScript), nebo že bezplatná edice dokáže projekt otevřít (cesta enginu).
• Musíte hru předat klientovi, který nemá tarif enginu: prosté soubory se předávají snáze, protože je otevře každý textový editor. Pokud klient už pracuje v enginu, je lepší předat projektový soubor.
• Plánujete vydělávat na reklamách: před začátkem si přečtěte tabulku licencí enginu, protože bezplatná edice uvádí reklamy jako nezahrnuté, a přečtěte si licenci jakékoli šablony. Naše licence vám dovoluje zpeněžit váš konečný produkt reklamou, ale hry se dodávají bez reklamní sítě.
• Nevíte, který nástroj vybrat: zkuste každý hodinu (viz oddíl o testu níže) a zůstaňte u toho, s čím jste přestali bojovat.

Podívejte se na Ricopop: šablonu v prostém JavaScriptu, jejíž úrovně jsou textové mapy

Cesta enginu: co získáte a co vzdáte

Cestu enginu berte vážně. Existuje proto, že mnoho lidí chce hru vytvořit nebo změnit bez jejího psaní, a v tom je dobrá. Pro některé kupující je to prostě správný nástroj.

Co získáte

• Vizuální úpravy: rozvržení, objekty a listy událostí, které čtete a měníte na obrazovce, místo v kódu.
• Dokumentace, návody a uživatelské fórum na vlastních stránkách enginu. Když se zaseknete, hledáte veřejné odpovědi, což u šablony prodávané jedním studiem nejde.
• Doplňky: stránka enginu uvádí přibalené doplňky a umožňuje uložit doplňky třetích stran spolu s projektem, takže funkce přicházejí jako doplňky, a ne jako kód, který píšete vy.
• Co se naučíte, to přenesete: vaše druhá hra používá stejný editor a stejné události.
• Export do HTML5 je součástí bezplatné edice, takže můžete stavět a testovat dřív, než si vyberete tarif.

Co vzdáte

• Potřebujete editor a bezplatná edice omezuje události a vrstvy.
• Některé projekty potřebují další zásuvné moduly (jeden z výpisů, které jsme četli, ano).
• Výdělek z hry závisí na licenci a tarifu enginu.
• Projekt je vytvořen pro jeden nástroj: měníte ho tam, ne v textovém editoru.

Cesta prostého JavaScriptu: co získáte a co vzdáte

Šablona ve vanilla JavaScriptu vymění editor za textový soubor. Pokud umíte číst kód, je to dobrý obchod, pokud ne, je to špatný obchod.

Co získáte

• Soubory otevře libovolný textový editor a každý statický webhosting je servíruje.
• K úpravám není potřeba tarif ani účet enginu.
• Čitelný, formátovaný zdrojový kód s příručkami, které ukazují, kde žijí logo, barvy, pravidla a texty.
• Změny se ukazují jako prostý text, což funguje s verzováním.
• Volitelné automatické testy v některých edicích (Node.js 20+). Ve Velvet Pool pokrývají fyziku, pravidla osmičky, zápasy proti počítači a klíče překladů.

Co vzdáte

• Upravujete kód: zbloudilá čárka může rozbít obrazovku.
• Žádný vizuální editor pro úrovně nebo rozvržení. Úrovně v Ricopop jsou textové mapy, s kontrolou, která říká, zda je úroveň pořád průchozí.
• Žádné veřejné fórum pro jednu šablonu: otázky jdou prodejci a podpora má limity. Je to 6 měsíců v ceně, nebo 12 s prodloužením, a přizpůsobení, nové funkce, hosting a integrace SDK nebo portálu jsou samostatné služby s cenovou nabídkou.
• Co edice vynechává, zůstává vynechané. Gridspark například nemá online žebříčky, účty, reklamní SDK ani sestavení pro obchody s aplikacemi.

Přečtěte si seznam „Not included in this edition“ (není zahrnuto v této edici) na každé stránce položky. Velvet Pool uvádí online multiplayer, online žebříčky, reklamní SDK a nativní aplikace. Ricopop uvádí nativní sestavení pro Android nebo iOS, online multiplayer nebo soutěžní žebříček ověřovaný serverem a reklamní účty sítí a integrace SDK herních portálů.

Dvě šablony v prostém JavaScriptu rozebrané na díly: Ricopop a Gridspark

Jejich veřejné příručky odpovídají na otázku „kde to změním?“ názvem souboru. Ricopop jde první, protože jeho složka game/ je zdroj.

Ricopop: úrovně jako text, bez sestavení

• Úrovně: src/levels.js obsahuje 50 úrovní jako textové mapy s parem a řešením a komentář nahoře vysvětluje formát.
• Pravidla a čísla: src/sim/config.js obsahuje počet koulí na salvu, rychlost koule a hodnoty bodování.
• Barvy a vzhled menu: style.css.
• Logo: kreslí se kódem v src/ui/logo.js, není to obrázek.
• Texty a 14 jazyků: src/locales.js.
• Nastavení reklam a žebříčku, obojí vypnuté ve výchozím stavu: ricopop.config.js.

Pracovní postup příručky je upravit, nahrát, tvrdé obnovení. Doporučuje editor kódu jako VS Code nebo Notepad++ a odrazuje od textového procesoru. Po změně mapy zkontroluje volitelný nástroj node tools/validate.mjs, že je každá úroveň pořád průchozí, a příkaz node tools/validate.mjs --solve 12 najde řešení úrovně 12. Nástroje potřebují Node.js 20+.

Gridspark: nastavení v textovém souboru, pravidla v pojmenovaných modulech

• Text rozhraní a jazyky: src/locales.js.
• Konstanty a paleta: src/config.js. Barvy rozhraní: style.css.
• Pravidla hádanky: game.js, board.js, generator.js a shapes.js.
• Logo, obličeje a bloky: kreslí se v src/logo.js.
• Úvodní obrazovka a tlačítko celé obrazovky: gridspark.config.js, prostý textový soubor, který nevyžaduje sestavení.

Pro změny kódu příručka vede přes práci v source/, pak npm test a npm run build. To potřebuje Node.js 20+, ale neinstaluje žádné závislosti.

Velvet Pool následuje stejný nápad ve 3D. Logo je v assets/logo/, vzhled plátna stolu a tyčí v src/game/progress.js, chování počítače v src/core/ai.js a fyzika v src/core/physics.js. Jeho volitelné testy (npm test uvnitř source/, Node.js 20+) pokrývají fyziku, pravidla osmičky, zápasy proti počítači a klíče překladů, a příručka otevřeně říká, že nenahrazují testování v prohlížečích a na zařízeních.

Podívejte se na Gridspark, s živým náhledem a příručkou

Jak vyzkoušet kterýkoli typ, než zaplatíte

Projektový soubor, který jste si nekoupili, neotevřete, ale téměř všechno kolem něj vyzkoušet můžete. Dělejte to v tomto pořadí a se stopkami.

Pro oba typy

1. Zahrajte si demo přesné edice na telefonu, který budou hráči používat. Otočte ho, obnovte stránku, změňte jazyk.
2. Přečtěte si požadavky a seznam nezahrnutého. Zapište si každou věc, kterou byste stále museli postavit nebo koupit.
3. Najděte licenci a přečtěte si tři věty: kolik produktů pokrývá, zda jsou povoleny reklamy a co nesmíte dál prodávat.

Pro šablonu enginu

1. Zeptejte se, která edice a verze enginu projekt otevře a zda potřebuje další zásuvné moduly.
2. Zeptejte se, kolik událostí a vrstev projekt používá, a porovnejte čísla s limity bezplatné edice na stránce enginu.
3. Otevřete samotný editor a postavte test na jednu obrazovku, abyste věděli, jestli vás práce v něm baví.
4. Pokud plánujete vydělávat na hře, přečtěte si licenci enginu v tomto bodě, než cokoli koupíte.

Pro šablonu v prostém JavaScriptu

1. Otevřete veřejnou příručku a najděte, kde žijí logo, barvy, pravidla a texty.
2. Zkontrolujte, co úprava vyžaduje: nic, nebo Node.js a npm. Karta Requirements každé položky říká, které.
3. Spusťte to tak, jak říká příručka. Příručka Velvet Pool například pro místní test doporučuje python -m http.server 8765 uvnitř game/ a pak otevřít http://localhost:8765/.
4. Otevřete jeden skript dema ve vývojářských nástrojích prohlížeče. Pokud ho dokážete sledovat, dokážete ho i upravit.

Na naší straně jsou šablony digitální produkty: nákup vracíme jen tehdy, pokud jste šablonu ještě nestáhli, nebo pokud dodaná šablona má vadu, kterou nedokážeme opravit. Pro žádost nám napište s číslem své licence. Vrácený nákup licenci ukončí. Protože stažení tyto dveře zavře, udělejte výše uvedené testy předtím, než koupíte, a rozhodně předtím, než stáhnete.

Podívejte se na Velvet Pool: příručku, živý náhled a testy zmíněné výše

Často kladené otázky

Potřebuji herní engine k úpravě šablony hry HTML5?

Záleží na tom, jak byla šablona vytvořena. Šablona enginu přichází s projektem, který se otevře v editoru daného enginu, a projektové soubory Constructu končí na .c3p. Šablona v prostém JavaScriptu jsou soubory, které otevře libovolný textový editor. Na tržišti Polar Games žádný seznam požadavků neuvádí editor herního enginu. Několik edicí potřebuje Node.js, a někdy npm, jen k novému sestavení jejich zdrojového kódu v TypeScriptu.

Mohu upravit šablonu Construct 3 s bezplatnou edicí?

Za konkrétní projekt nemůžeme ručit. Stránka enginu zobrazená 24. října 2026 ukazuje, že bezplatná edice exportuje do HTML5, omezuje události na 50 (25 jako host) a vrstvy na 2, a jeden výpis, který jsme četli, uvádí, že bezplatná verze má omezení. Zeptejte se prodejce, kolik událostí a vrstev projekt používá, a porovnejte.

Je šablona hry ve vanilla JavaScriptu těžší na úpravu než šablona enginu?

Pokud nepíšete kód, ano: není tu vizuální editor a překlep může rozbít obrazovku. Pokud ho píšete, změna barvy, textu nebo úrovně je úprava pojmenovaného souboru, a příručky říkají kterého. Úrovně v Ricopop jsou textové mapy a soubor nastavení Gridspark je prostý text.

Potřebují vaše šablony npm nebo krok sestavení?

Některé ano a některé ne. Ricopop, Velvet Pool a Puttide nepotřebují ani jedno. Gridspark nepotřebuje sestavení k instalaci a hraní, a bez závislostí (npm test, npm run build, Node.js 20+) jen tehdy, pokud měníte kód v source/. Edice napsané v TypeScriptu, jako Trimora a Twirldrop, potřebují Node.js a npm k novému sestavení, i když složka game/, kterou hostujete, je už sestavená. Karta Requirements každé položky to uvádí.

Mohu šablonu použít pro klienta a dát na ni reklamy?

Naše licence kryje jeden konečný produkt, váš nebo jednoho klienta, a hráči ho mohou hrát zdarma nebo přes zpeněžení reklamou. Smíte měnit kód, grafiku i zvuk uvnitř a nesmíte prodávat dál šablonu ani její zdroj. Hry se dodávají bez reklamní sítě, takže připojení a schválení u ní je vaše část. U šablony enginu si přečtěte licenci enginu i licenci prodejce.

Co když vyberu špatný typ?

Nejdřív testujte, jak je uvedeno výše. Vrácení je možné jen tehdy, pokud jste šablonu ještě nestáhli, nebo pokud dodaná šablona má vadu, kterou nedokážeme opravit. Přechod z jedné cesty na druhou znamená později přestavět hru v jiném nástroji, takže hodina před platbou se vyplatí.

Otevřete jednu, než se rozhodnete

Nejlevnější porovnání stojí hodinu: zahrajte si demo, přečtěte si příručku, otevřete editor. Udělejte to jednou pro šablonu enginu a jednou pro šablonu v prostém JavaScriptu a pak si vyberte tu, jejíž druhé otevření vás nebude děsit.

Prohlédněte si tržiště Polar Games a otevřete příručku