Šablóny hier pre Construct 3 alebo šablóna v čistom JavaScripte? Ako vybrať

Vyberte si šablónu hry pre Construct 3, ak chcete hru meniť vo vizuálnom editore a neprekáža vám ho pri každej úprave otvárať. Vyberte si šablónu hry v čistom JavaScripte, teda šablónu HTML5 hry bez potreby enginu, ak viete otvoriť kód v ľubovoľnom textovom editore alebo ak to vie niekto vo vašom tíme. Ani jedna možnosť nie je lepší produkt. Rozdiel je v tom, čo musí byť nainštalované na vašom počítači, aby ste mohli čokoľvek zmeniť.

Predávame tú druhú možnosť, takže máme v tom záujem. Aby sme boli féroví, prečítali sme si verejné stránky enginu tak, ako vyzerali 24. októbra 2026: vlastné porovnanie funkcií a dokumentáciu spoločnosti Construct a štyri verejné ponuky HTML5 hier na CodeCanyon, ktoré obsahujú projekty Construct. Všetko, čo hovoríme o našich šablónach, vychádza z našich stránok položiek, našich podmienok a verejných príručiek, ktoré si môžete otvoriť sami.

Nižšie nájdete krátky rozhodovací strom, úprimný prehľad toho, čo na každej ceste získate a čo stratíte, dve naše šablóny rozobrané na súčasti, test, ktorý môžete spraviť pred platbou za ktorýkoľvek druh, a šesť otázok, ktoré ľudia kladú.

Šablóny hier pre Construct 3: čo sú a čo potrebujete na ich otvorenie

Construct je nástroj na tvorbu hier s vizuálnym editorom, ktorý beží aj v prehliadači. V praxi je šablóna hry pre Construct 3 projektový súbor vytvorený pre tento editor a k nemu verzia hry v HTML5, ktorú môžete hostovať tak, ako je. Vo štyroch ponukách na CodeCanyon, ktoré sme otvorili, mal zoznam súborov vždy rovnaký tvar: projektový súbor .c3p vedľa súborov hry v HTML5.

Čo tie štyri ponuky hovorili o úprave, jednu po druhej: jedna uvádza, že na úpravu kódu potrebujete nástroj Construct 3, odkazuje na online editor a dopĺňa, že bezplatná verzia má obmedzenia. Jedna uvádza, že na otvorenie projektu je potrebný bezplatný doplnok tretej strany. Dve uvádzajú Construct 3 ako softvérovú verziu a ponúkajú pomoc s výmenou grafiky (nahradenie obrázkov v grafickom editore; návod na prerobenie vzhľadu), bez toho, aby uviedli, akú edíciu enginu potrebujete. Predajcov nemenujeme: ide o vzor, nie o verdikt o niektorom z nich.

Čo hovoria vlastné stránky enginu, prečítané 24. októbra 2026: bezplatná edícia zahŕňa export do HTML5. Obmedzuje počet udalostí (50, keď ste prihlásený s overeným e-mailom, 25 ako hosť) a počet vrstiev (2). Tabuľka funkcií uvádza zárobok z hier, reklamy a nákupov v aplikácii medzi vecami, ktoré bezplatná edícia nezahŕňa. Stránka tiež rozdeľuje platené plány podľa toho, kto kupuje, napríklad fyzické osoby, registrované firmy a vzdelávacie inštitúcie, takže si overte, ktorý z nich je váš.

Dokumentácia a web Construct opisujú hry postavené z udalostných hárkov: udalosti zložené z podmienok a akcií, ktoré vidíte v editore, s JavaScriptom ako možnosťou pre pokročilých používateľov. To je hlavná výhoda tejto cesty a ďalšie časti ju budú brať ako samostatnú.

Pozrite si Polar Games Marketplace

Šablóna HTML5 hry bez enginu: čo to znamená v našom katalógu

Šablóna v čistom JavaScripte je priečinok so súbormi HTML, CSS, JavaScript a JSON. Ľubovoľný textový editor ich otvorí a prehliadač ich spustí, keď sú na webovom hostingu. Dvojklik na index.html nefunguje, pretože prehliadače blokujú moduly na file://.

Tu musíme byť presní, lebo „bez enginu“ neznamená „bez zostavovacieho kroku“. Pri prečítaní požiadaviek každej položky v trhovisku sa edície delia do troch skupín:

• Úprava a nahratie, nič na inštaláciu: Ricopop (jeho priečinok game/ je samotný upraviteľný zdroj: upravíte, nahráte a obnovíte), Velvet Pool a Puttide (bez npm, bez zostavovacieho kroku, bez PHP a bez databázy; príručka Velvet Pool vás vedie k úprave v priečinku source/ a kopírovaniu zmenených súborov do game/). Node.js sa objaví iba v nepovinných nástrojoch pre vývojárov, v edíciách, ktoré ich obsahujú.
• Obyčajné súbory s malým pomocníkom na zostavenie: Gridspark a Solitaire Links (ten druhý je obyčajný HTML, CSS a JavaScript). Inštalácia a hranie nevyžadujú v žiadnom z nich zostavenie. Príručka Gridspark vás vedie k práci v priečinku source/ a spusteniu npm test a npm run build (Node.js 20+, bez npm závislostí), aby sa hrateľné súbory dostali do game/, a jeho nastavovací súbor je čistý text. Pri Solitaire Links sa nastavovací súbor upravuje bez zostavenia, Node.js 20+ je potrebný iba na testy a generovanie jazykov a pri grafike, pravidlách a texte príručka odkazuje na voliteľnú zdrojovú edíciu a nové zostavenie.
• Projekty v TypeScripte: Beep Out, Pinloop, Riffvolt, Sunset Rally, Trimora a Twirldrop (zostavenia cez Vite), Zabum (React a TypeScript) a Tenguin, Mochi Monsters, Deepforge a Barricade Z. Priečinok game/, ktorý hostujete, je čitateľný JavaScript, ale úprava zdrojového kódu v TypeScripte a nové zostavenie vyžadujú Node.js (požiadavky Trimora uvádzajú npm ci, npm test a npm run build). Presná verzia je na karte Požiadavky pri každej položke.

Vo všetkých edíciách priečinok game/ pripravený na hostovanie beží tak, ako je, na statickom hostingu. Žiadny zoznam požiadaviek nespomína editor herného enginu ani licenciu enginu a na úpravu nikto nevyžaduje účet. Toto je celé naše tvrdenie. Netvrdíme, že každá šablóna tu preskočí krok zostavenia, lebo to nie je pravda.

Krátky rozhodovací strom: ak chcete toto, vyberte si to

Začnite tým, čo chcete robiť v prvý deň, nie technológiou.

• Ak chcete meniť úrovne, grafiku a pravidlá bez písania kódu a ste ochotný naučiť sa editor alebo ho už používate: šablóna pre engine. Vizuálne udalosti sú navrhnuté práve na toto.
• Ak už používate Construct a chcete náskok pri určitom type hry: šablóna pre engine, lebo projekt otvoríte v nástroji, ktorý poznáte.
• Ak vy alebo váš vývojár pracujete v editore kódu s verziovaním a chcete vidieť každú zmenu ako textový rozdiel: šablóna v čistom JavaScripte.
• Ak chcete len zmeniť názov, farby, texty a úrovne a potom nahrať: obe možnosti sú v poriadku. Overte, či ponuka uvádza názvy súborov (čistý JavaScript), alebo či bezplatná edícia dokáže projekt otvoriť (cesta cez engine).
• Ak musíte hru odovzdať klientovi, ktorý nemá platený plán enginu: obyčajné súbory sa ľahšie odovzdávajú, lebo ich otvorí ľubovoľný textový editor. Ak klient už s engine pracuje, lepšie odovzdanie je projektový súbor.
• Ak plánujete zarábať na reklame: pred začiatkom si prečítajte tabuľku licencií enginu, lebo bezplatná edícia uvádza reklamu ako nezahrnutú, a prečítajte si licenciu každej šablóny. Naša licencia vám dovoľuje speňažiť váš konečný produkt reklamou, ale hry sa dodávajú bez reklamnej siete.
• Ak neviete ani o jednom z nástrojov: vyskúšajte každý hodinu (pozri sekciu o teste nižšie) a ponechajte si ten, s ktorým ste prestali bojovať.

Pozrite si Ricopop: šablónu v čistom JavaScripte, ktorej úrovne sú textové mapy

Cesta cez engine: čo získate a čo stratíte

Cestu cez engine berte vážne. Existuje preto, lebo mnohí ľudia chcú hru vytvoriť alebo zmeniť bez toho, aby ju písali, a v tom je dobrá. Pre niektorých kupujúcich je to jednoducho správny nástroj.

Čo získate

• Vizuálne úpravy: rozloženia, objekty a udalostné hárky, ktoré čítate a meníte na obrazovke namiesto v kóde.
• Dokumentácia, návody a používateľské fórum na vlastnej stránke enginu. Keď uviaznete, hľadáte verejné odpovede, čo sa nedá pri šablóne predávanej jedným štúdiom.
• Doplnky: stránka enginu uvádza zabudované doplnky a umožňuje uložiť doplnky tretích strán spolu s projektom, takže funkcie prichádzajú ako doplnky, a nie ako kód, ktorý píšete vy.
• Čo sa naučíte, sa prenesie: vaša druhá hra používa rovnaký editor a rovnaké udalosti.
• Export do HTML5 je súčasťou bezplatnej edície, takže môžete stavať a testovať ešte pred výberom plánu.

Čo stratíte

• Potrebujete editor a bezplatná edícia obmedzuje udalosti a vrstvy.
• Niektoré projekty potrebujú ďalšie doplnky (jedna z ponúk, ktoré sme čítali, áno).
• Zárobok z hry závisí od licencie a plánu samotného enginu.
• Projekt je vytvorený pre jeden nástroj: meníte ho tam, nie v textovom editore.

Cesta cez čistý JavaScript: čo získate a čo stratíte

Šablóna v čistom JavaScripte vymení editor za textový súbor. Ak viete čítať kód, je to dobrý obchod, a ak nie, je to zlý obchod.

Čo získate

• Súbory otvorí ľubovoľný textový editor a ľubovoľný statický webhosting ich servíruje.
• Na úpravu nepotrebujete plán ani účet enginu.
• Čitateľný, naformátovaný zdrojový kód s príručkami, ktoré ukazujú, kde sú logo, farby, pravidlá a texty.
• Zmeny sa zobrazujú ako čistý text, čo funguje s verziovaním.
• Voliteľné automatické testy v niektorých edíciách (Node.js 20+). Vo Velvet Pool pokrývajú fyziku, pravidlá osemičky, zápasy s počítačom a prekladové kľúče.

Čo stratíte

• Upravujete kód: jedna preklepnutá čiarka môže pokaziť obrazovku.
• Žiadny vizuálny editor pre úrovne alebo rozloženia. Úrovne Ricopopu sú textové mapy s kontrolou, ktorá hovorí, či sa úroveň dá ešte vyhrať.
• Žiadne verejné fórum pre jednu šablónu: otázky idú predajcovi a podpora má svoje limity. Je zahrnutá 6 mesiacov, alebo 12 s rozšírením, a prispôsobenie, nové funkcie, hosting a integrácia SDK alebo portálu sú samostatné služby s vlastnou cenovou ponukou.
• Čo edícia vynechá, zostáva vynechané. Gridspark napríklad nemá online rebríčky, účty, reklamné SDK ani natívne zostavenia pre obchody s aplikáciami.

Prečítajte si zoznam „Nie je zahrnuté v tejto edícii“ na každej stránke položky. Velvet Pool uvádza online multiplayer, online rebríčky, reklamné SDK a natívne aplikácie. Ricopop uvádza natívne zostavenia pre Android alebo iOS, online multiplayer alebo overovaný súťažný rebríček na serveri a účty v reklamnej sieti a integrácie SDK herných portálov.

Dve šablóny v čistom JavaScripte rozobrané na súčasti: Ricopop a Gridspark

Ich verejné príručky odpovedajú na otázku „kde to zmením?“ názvom súboru. Ricopop ide ako prvý, lebo jeho priečinok game/ je zdroj.

Ricopop: úrovne ako text, bez zostavenia

• Úrovne: src/levels.js obsahuje 50 úrovní ako textové mapy s hodnotou par a riešením a komentár na začiatku vysvetľuje formát.
• Pravidlá a čísla: src/sim/config.js obsahuje počet guľôčok na jeden výstrel, rýchlosť guľôčok a hodnoty bodovania.
• Farby a vzhľad menu: style.css.
• Logo: nakreslené kódom v src/ui/logo.js, nie ako obrázok.
• Texty a 14 jazykov: src/locales.js.
• Nastavenia reklám a rebríčka, obe vypnuté predvolene: ricopop.config.js.

Pracovný postup podľa príručky je upraviť, nahrať, tvrdo obnoviť. Odporúča editor kódu ako VS Code alebo Notepad++ a odrádza od textového procesora. Po zmene mapy voliteľný nástroj tools/validate.mjs skontroluje, že sa každá úroveň dá ešte vyhrať, a príkaz node tools/validate.mjs --solve 12 nájde riešenie úrovne 12. Nástroje potrebujú Node.js 20+.

Gridspark: nastavenia v textovom súbore, pravidlá v pomenovaných moduloch

• Texty rozhrania a jazyky: src/locales.js.
• Konštanty a paleta: src/config.js. Farby rozhrania: style.css.
• Pravidlá hlavolamu: game.js, board.js, generator.js a shapes.js.
• Logo, tváre a bloky: nakreslené v src/logo.js.
• Úvodná obrazovka a tlačidlo celej obrazovky: gridspark.config.js, textový súbor, ktorý nevyžaduje nové zostavenie.

Pri zmenách kódu príručka vás vedie k práci v priečinku source/ a potom k spusteniu npm test a npm run build. Na to treba Node.js 20+, ale nenainštaluje sa žiadna závislosť.

Velvet Pool nasleduje rovnakú myšlienku v 3D. Jeho logo je v assets/logo/, štýly sukna a tyčí v src/game/progress.js, správanie počítača v src/core/ai.js a fyzika v src/core/physics.js. Jeho voliteľné testy (npm test v priečinku source/, Node.js 20+) pokrývajú fyziku, pravidlá osemičky, zápasy s počítačom a prekladové kľúče a príručka jasne hovorí, že nenahrádzajú testovanie v prehliadačoch a na zariadeniach.

Pozrite si Gridspark, s jeho živou ukážkou a príručkou

Ako si otestovať oba druhy pred platbou

Projektový súbor, ktorý ste nekúpili, neotvoríte, ale takmer všetko okolo neho môžete otestovať. Urobte to v tomto poradí so spusteným časovačom.

Pre oba druhy

1. Vyskúšajte ukážku presnej edície na telefóne, ktorý budú používať vaši hráči. Otočte ho, obnovte stránku a zmeňte jazyk.
2. Prečítajte si požiadavky a zoznam nezahrnutého. Zapíšte si každú časť, ktorú by ste ešte museli postaviť alebo kúpiť.
3. Nájdite licenciu a prečítajte si tri vety: na koľko produktov platí, či sú reklamy povolené a čo nesmiete ďalej predať.

Pre šablónu pre engine

1. Opýtajte sa, ktorá edícia a verzia enginu projekt otvorí a či potrebuje ďalšie doplnky.
2. Opýtajte sa, koľko udalostí a vrstiev projekt používa, a porovnajte tie čísla s limitmi bezplatnej edície na stránke enginu.
3. Otvorte samotný editor a postavte test na jednu obrazovku, aby ste vedeli, či vás práca v ňom baví.
4. Ak plánujete zarábať na hre, prečítajte si na tento bod licenciu enginu, skôr než čokoľvek kúpite.

Pre šablónu v čistom JavaScripte

1. Otvorte verejnú príručku a nájdite, kde sú logo, farby, pravidlá a texty.
2. Overte, čo úprava vyžaduje: nič, alebo Node.js a npm. Karta Požiadavky každej položky to uvádza.
3. Spustite to tak, ako to píše príručka. Príručka Velvet Pool napríklad navrhuje na lokálny test príkaz python -m http.server 8765 v priečinku game/ a potom otvorenie http://localhost:8765/.
4. Otvorte jeden skript z ukážky vo vývojárskych nástrojoch prehliadača. Ak mu rozumiete, dokážete ho upraviť.

Z našej strany sú šablóny digitálne produkty: vrátime peniaze za nákup, iba ak ste šablónu ešte nestiahli, alebo ak dodaná šablóna má chybu, ktorú nedokážeme opraviť. Na žiadosť nám napíšte s číslom svojej licencie. Vrátený nákup licenciu ukončí. Keďže stiahnutie zatvára tieto dvere, spustite testy vyššie ešte pred kúpou a určite pred stiahnutím.

Pozrite si Velvet Pool: príručku, živú ukážku a spomínané testy

Často kladené otázky

Potrebujem herný engine na úpravu šablóny hry HTML5?

Závisí to od toho, ako bola šablóna vytvorená. Šablóna pre engine obsahuje projekt, ktorý sa otvára v editore tohto enginu, a projektové súbory Construct končia na .c3p. Šablóna v čistom JavaScripte je súbory, ktoré otvorí ľubovoľný textový editor. V trhovisku Polar Games Marketplace žiadny zoznam požiadaviek nespomína editor herného enginu. Niekoľko edícií potrebuje Node.js a niekedy npm, len aby mohli znovu zostaviť svoj zdrojový kód v TypeScripte.

Môžem upraviť šablónu Construct 3 s bezplatnou edíciou?

Za konkrétny projekt nemôžeme odpovedať. Čo stránka enginu ukazovala 24. októbra 2026, je, že bezplatná edícia exportuje do HTML5 a obmedzuje udalosti na 50 (25 ako hosť) a vrstvy na 2, a jedna z ponúk, ktoré sme čítali, uvádza, že bezplatná verzia má obmedzenia. Opýtajte sa predajcu, koľko udalostí a vrstiev projekt používa, a porovnajte.

Je šablóna v čistom JavaScripte ťažšie upraviteľná než šablóna pre engine?

Ak nepíšete kód, áno: nie je tu vizuálny editor a preklep môže pokaziť obrazovku. Ak kód píšete, zmena farby, textu alebo úrovne je úprava pomenovaného súboru a príručky uvádzajú, ktorého. Úrovne Ricopopu sú textové mapy a nastavovací súbor Gridspark je čistý text.

Vyžadujú vaše šablóny npm alebo krok zostavenia?

Niektoré áno a niektoré nie. Ricopop, Velvet Pool a Puttide nepotrebujú ani jedno. Gridspark na inštaláciu a hranie zostavenie nepotrebuje a bez závislostí (npm test, npm run build, Node.js 20+) ho potrebuje len vtedy, ak meníte kód v priečinku source/. Edície napísané v TypeScripte, napríklad Trimora a Twirldrop, potrebujú Node.js a npm na nové zostavenie, hoci priečinok game/, ktorý hostujete, je už zostavený. Karta Požiadavky každej položky to uvádza.

Môžem šablónu použiť pre klienta a dať na ňu reklamy?

Naša licencia pokrýva jeden konečný produkt, váš alebo jedného klienta, a hráči ho môžu hrať zadarmo alebo cez speňaženie reklamou. Môžete meniť kód, grafiku a zvuk v nej, ale nesmiete šablónu ani jej zdroj predať ďalej. Hry sa dodávajú bez reklamnej siete, takže jej pripojenie a schválenie je vaša úloha. Pri šablóne pre engine si prečítajte licenciu enginu rovnako ako licenciu predajcu.

Čo ak si vyberiem nesprávny druh?

Najprv test, ako je uvedené vyššie. Vrátenie peňazí je možné iba vtedy, ak ste šablónu ešte nestiahli, alebo ak dodaná šablóna má chybu, ktorú nedokážeme opraviť. Neskorší prechod z jednej cesty na druhú znamená prestavať hru v druhom nástroji, takže hodina pred platbou sa oplatí.

Otvorte si jednu, skôr než sa rozhodnete

Najlacnejšie porovnanie stojí hodinu: zahrajte si ukážku, prečítajte príručku, otvorte editor. Urobte to raz pre šablónu pre engine a raz pre šablónu v čistom JavaScripte a potom si vyberte tú, ktorú by ste druhýkrát neotvárali s hrôzou.

Prezrite si Polar Games Marketplace a otvorte si príručku