Ghid

Șabloane Construct 3 sau JavaScript simplu? Cum alegeți

Un proiect de motor care se deschide într-un editor sau fișiere simple, pe care le editați în orice editor de text: ce necesită fiecare, ce vă oferă și cum testați unul înainte de plată.

Polarzinho stă la o bifurcație între două bancuri de lucru: unul cu blocuri vizuale colorate, celălalt cu o tastatură și un ecran care arată acolade de cod.

Alegeți un șablon Construct 3 dacă vreți să schimbați jocul într-un editor vizual și sunteți mulțumit să deschideți acel editor de fiecare dată. Alegeți un șablon de joc JavaScript simplu, adică un șablon HTML5 care nu necesită motor, dacă puteți deschide cod în orice editor de text sau dacă cineva din echipa dumneavoastră poate. Niciunul nu este produsul mai bun. Diferența este ce trebuie instalat pe calculator înainte să puteți schimba ceva.

Vindem al doilea tip, deci avem un interes în această discuție. Ca să fim corecți, am citit paginile publice ale variantei cu motor așa cum arătau pe 24 octombrie 2026: comparația de funcții și documentația proprie a Construct și patru anunțuri publice pe CodeCanyon pentru jocuri HTML5 care livrează proiecte Construct. Tot ce spunem despre șabloanele noastre provine din paginile articolelor, din termenii noștri și din manualele publice, pe care le puteți deschide singuri.

Mai jos găsiți un scurt arbore de decizie, o listă sinceră a ceea ce câștigați și ce renunțați pe fiecare drum, două șabloane JavaScript deschise, un test pe care îl puteți face înainte de plată și șase întrebări frecvente.

Șabloane de jocuri Construct 3: ce sunt și ce trebuie ca să le deschideți

Construct este un instrument de creare a jocurilor, cu un editor vizual care rulează și în browser. În practică, un șablon de joc Construct 3 este un fișier de proiect făcut pentru acel editor, plus o versiune HTML5 a jocului pe care o puteți găzdui așa cum este. În cele patru anunțuri CodeCanyon pe care le-am deschis, lista de fișiere avea de fiecare dată aceeași formă: un proiect .c3p alături de fișierele jocului HTML5.

Ce spuneau cele patru anunțuri despre editare, pe rând: unul spune că, pentru a edita codul, aveți nevoie de instrumentul Construct 3, indică editorul online și adaugă că versiunea gratuită are limitări. Unul spune că este nevoie de un plugin gratuit de la un terț doar ca să deschideți proiectul. Două enumeră Construct 3 drept versiunea de software și oferă ajutor pentru înlocuirea grafici (înlocuiți imaginile într-un editor de imagini; un ghid de reskin), fără să precizeze ce ediție a motorului trebuie. Nu numim vânzătorii: este un model, nu un verdict asupra vreunuia dintre ei.

Ce spun paginile motorului însuși, citite pe 24 octombrie 2026: ediția gratuită include exportul în HTML5. Ea limitează numărul de evenimente (50 când sunteți autentificat cu un e-mail verificat, 25 ca invitat) și numărul de straturi (2). Tabelul de funcții enumeră câștigurile din jocuri, reclamele și achizițiile din aplicație printre lucrurile pe care ediția gratuită nu le include. Pagina împarte și planurile plătite după cine cumpără, de exemplu persoane fizice, firme înregistrate și instituții de învățământ, deci verificați care este al dumneavoastră.

Documentația și site-ul Construct descriu jocuri construite din foi de evenimente: evenimente formate din condiții și acțiuni pe care le vedeți în editor, cu JavaScript ca opțiune pentru utilizatorii avansați. Aceasta este principala atracție a drumului și secțiunile următoare o tratează ca atare.

Vedeți Polar Games Marketplace

Un șablon de joc HTML5 fără motor: ce înseamnă asta în catalogul nostru

Un șablon JavaScript simplu este un folder cu fișiere HTML, CSS, JavaScript și JSON. Orice editor de text le deschide, iar un browser le rulează odată ce sunt pe un server web. Dublu clic pe index.html nu funcționează, pentru că browserele blochează modulele pe file://.

Trebuie să fim exacți aici, pentru că „fără motor” nu înseamnă „fără pas de build”. Citind cerințele fiecărui articol din magazin, edițiile se împart în trei grupe:

  • Editați și încărcați, fără nimic de instalat: Ricopop (folderul game/ este chiar sursa editabilă: editați, încărcați, reîmprospătați), Velvet Pool și Puttide (fără npm, fără pas de build, fără PHP, fără bază de date; manualul Velvet Pool vă cere să editați în source/ și să copiați fișierele modificate în game/). Node.js apare doar în unelte opționale pentru dezvoltatori, la edițiile care le au.
  • Fișiere simple cu un mic ajutor de build: Gridspark și Solitaire Links (aceasta din urmă este HTML, CSS și JavaScript simplu). Instalarea și jocul nu necesită build în niciunul dintre cazuri. Manualul Gridspark vă cere să lucrați în source/ și să rulați npm test și npm run build (Node.js 20+, fără dependențe npm), ca fișierele jucabile să ajungă în game/, iar fișierul de setări este text simplu. La Solitaire Links fișierul de setări se editează fără build, Node.js 20+ este necesar doar pentru teste și pentru generarea limbilor, iar pentru grafică, reguli și text manualul trimite la ediția opțională cu sursă și la o reconstruire.
  • Proiecte TypeScript: Beep Out, Pinloop, Riffvolt, Sunset Rally, Trimora și Twirldrop (build-uri Vite), Zabum (React și TypeScript), precum și Tenguin, Mochi Monsters, Deepforge și Barricade Z. Folderul game/ pe care îl găzduiți este JavaScript citibil, dar modificarea sursei TypeScript și reconstruirea necesită Node.js (cerințele Trimora enumeră npm ci, npm test și npm run build). Versiunea exactă este în fila Requirements a fiecărui articol.

În fiecare ediție, folderul game/ gata de găzduit rulează așa cum este pe un server web static. Niciuna dintre listele de cerințe nu menționează un editor de motor de joc sau o licență de motor, iar niciuna nu cere un cont pentru editare. Acesta este întregul argument. Nu spunem că fiecare șablon de aici sare peste pasul de build, pentru că nu este adevărat.

Un arbore scurt de decizie: dacă vreți asta, alegeți aceea

Porniți de la ce vreți să faceți în prima zi, nu de la tehnologie.

  • Dacă vreți să schimbați nivelurile, grafica și regulile fără să scrieți cod și sunteți dispus să învățați editorul sau îl folosiți deja: un șablon cu motor. Evenimentele vizuale sunt construite exact pentru asta.
  • Dacă folosiți deja Construct și vreți un start rapid pentru un tip de joc: un șablon cu motor, pentru că veți deschide proiectul într-o unealtă pe care o cunoașteți.
  • Dacă dumneavoastră sau dezvoltatorul dumneavoastră lucrați într-un editor de cod cu control al versiunilor și vreți să vedeți fiecare modificare ca diferență de text: un șablon JavaScript simplu.
  • Dacă vreți doar să schimbați numele, culorile, textele și nivelurile și apoi să încărcați: oricare. Verificați că anunțul enumeră fișierele (JavaScript simplu) sau că ediția gratuită poate deschide proiectul (varianta cu motor).
  • Dacă trebuie să predați jocul unui client care nu are un plan pentru motor: fișierele simple sunt mai ușor de transmis, pentru că orice editor de text le deschide. Dacă clientul lucrează deja în motor, fișierul de proiect este predarea mai bună.
  • Dacă plănuiți să câștigați din reclame: citiți tabelul de licențe al motorului înainte de a începe, pentru că ediția gratuită enumeră reclamele printre lucrurile neincluse, și citiți licența oricărui șablon. A noastră vă permite să monetizați produsul final cu reclame, dar jocurile sunt livrate fără rețea de reclame.
  • Dacă nu cunoașteți niciuna dintre unelte: încercați fiecare câte o oră (vezi secțiunea de test de mai jos) și păstrați-o pe cea cu care nu v-ați mai certat.

Vedeți Ricopop: un șablon JavaScript simplu al cărui nivel este o hartă de text

Drumul cu motor: ce câștigați și ce renunțați

Luați în serios drumul cu motor. El există pentru că mulți oameni vor să creeze sau să schimbe un joc fără să îl scrie, iar la asta este bun. Pentru unii cumpărători este pur și simplu instrumentul potrivit.

Ce câștigați

  • Editare vizuală: layout-uri, obiecte și foi de evenimente pe care le citiți și le schimbați pe ecran, în loc de cod.
  • Documentație, tutoriale și un forum de utilizatori pe site-ul motorului. Când vă blocați, căutați răspunsuri publice, ceea ce nu puteți face pentru un șablon vândut de un singur studio.
  • Addon-uri: pagina motorului enumeră addon-urile incluse și permite salvarea addon-urilor terțe împreună cu proiectul, astfel încât funcțiile vin ca addon-uri, nu ca cod pe care îl scrieți.
  • Ce învățați se păstrează: al doilea joc folosește același editor și aceleași evenimente.
  • Exportul HTML5 face parte din ediția gratuită, deci puteți construi și testa înainte de a alege un plan.

Ce renunțați

  • Aveți nevoie de editor, iar ediția gratuită limitează evenimentele și straturile.
  • Unele proiecte cer pluginuri suplimentare (unul dintre anunțurile citite le cere).
  • Câștigul din joc depinde de licența și de planul propriu ale motorului.
  • Proiectul este făcut pentru o singură unealtă: îl schimbați acolo, nu într-un editor de text.

Drumul JavaScript simplu: ce câștigați și ce renunțați

Un șablon JavaScript simplu schimbă editorul cu un fișier text. Dacă puteți citi cod, este o afacere bună, iar dacă nu puteți, este una proastă.

Ce câștigați

  • Orice editor de text deschide fișierele, iar orice server web static le servește.
  • Nu este nevoie de un plan de motor sau de un cont ca să editați.
  • Sursă citibilă și formatată, cu manuale care arată unde se află logoul, culorile, regulile și textele.
  • Modificările apar ca text simplu, ceea ce funcționează cu controlul versiunilor.
  • Teste automate opționale în unele ediții (Node.js 20+). La Velvet Pool acoperă fizica, regulile de biliard cu bila 8, meciurile cu CPU și cheile de traducere.

Ce renunțați

  • Editați cod: o virgulă greșită poate strica un ecran.
  • Nu există editor vizual pentru niveluri sau layout-uri. Nivelurile Ricopop sunt hărți de text, cu un verificator care vă spune dacă un nivel mai poate fi câștigat.
  • Niciun forum public pentru un singur șablon: întrebările merg la vânzător, iar suportul are limite. Sunt 6 luni incluse, sau 12 cu extensia, iar personalizarea, funcțiile noi, găzduirea și integrarea cu SDK-ul sau cu portalul sunt servicii separate, cotate.
  • Ce lasă afară o ediție rămâne afară. Gridspark, de exemplu, nu are clasamente online, conturi, SDK-uri de reclame sau build-uri native pentru magazinele de aplicații.

Citiți lista „Nu este inclusă în această ediție” de pe fiecare pagină de articol. Velvet Pool enumeră multiplayer online, clasamente online, SDK-uri de reclame și aplicații native. Ricopop enumeră build-urile native pentru Android sau iOS, multiplayerul online sau un clasament competitiv verificat pe server, precum și conturile de rețele de reclame și integrările SDK pentru portalurile de jocuri.

Două șabloane JavaScript simple deschise: Ricopop și Gridspark

Manualele lor publice răspund la întrebarea „unde schimb asta?” cu un nume de fișier. Ricopop vine primul, pentru că folderul său game/ este sursa.

Ricopop: niveluri ca text, fără build

  • Niveluri: src/levels.js conține cele 50 de niveluri ca hărți de text, cu par și soluție, iar un comentariu de la început explică formatul.
  • Reguli și cifre: src/sim/config.js conține numărul de bile pe lovitură, viteza bilelor și valorile punctajului.
  • Culori și aspectul meniului: style.css.
  • Logo: desenat prin cod în src/ui/logo.js, nu este o imagine.
  • Texte și cele 14 limbi: src/locales.js.
  • Setările pentru reclame și clasament, ambele dezactivate implicit: ricopop.config.js.

Fluxul din manual este: editați, încărcați, reîmprospătați forțat. El recomandă un editor de cod, precum VS Code sau Notepad++, și nu recomandă un procesor de text. După ce modificați o hartă, unealta opțională node tools/validate.mjs verifică dacă fiecare nivel mai poate fi câștigat, iar node tools/validate.mjs --solve 12 găsește o soluție pentru nivelul 12. Uneltele necesită Node.js 20+.

Ricopop, nivelul 1: trei cristale verzi numerotate, un tun mic în partea de jos marcat x10, scorul în stânga și obiectivele cu stele în dreapta
Ricopop, nivelul 1 din 50. Nivelurile sunt hărți de text în src/levels.js.

Gridspark: setările într-un fișier text, regulile în module cu nume

  • Textul interfeței și limbile: src/locales.js.
  • Constante și paletă: src/config.js. Culorile interfeței: style.css.
  • Regulile puzzle-ului: game.js, board.js, generator.js și shapes.js.
  • Logo, fețe și blocuri: desenate în src/logo.js.
  • Ecranul de start și butonul pentru ecran complet: gridspark.config.js, un fișier text simplu care nu necesită reconstruire.

Pentru modificări de cod, manualul vă cere să lucrați în source/, apoi să rulați npm test și npm run build. Aceasta necesită Node.js 20+, dar nu instalează nicio dependență.

Gridspark în joc: o tablă de 8 pe 8 cu blocuri albastre, roz și portocalii care zâmbesc, două blocuri fulger, trei piese noi care așteaptă în dreapta și scorul în stânga
Gridspark: tabla de 8×8, mâna de trei forme, scorul și încărcarea ZAP.

Velvet Pool urmează aceeași idee în 3D. Logoul său se află în assets/logo/, stilurile pentru pânză și tacâm în src/game/progress.js, comportamentul CPU în src/core/ai.js, iar fizica în src/core/physics.js. Testele sale opționale (npm test în source/, Node.js 20+) acoperă fizica, regulile de biliard cu bila 8, meciurile cu CPU și cheile de traducere, iar manualul spune clar că acestea nu înlocuiesc testarea în browsere și pe dispozitive.

Vedeți Gridspark, cu previzualizarea live și manualul

Cum testați oricare tip înainte de plată

Nu puteți deschide un fișier de proiect pe care nu l-ați cumpărat, dar puteți testa aproape tot ce este în jurul lui. Faceți acestea în ordinea de mai jos, cu un cronometru pornit.

Pentru ambele tipuri

  1. Jucați demonstrația exact din ediția respectivă pe telefonul pe care îl vor folosi jucătorii dumneavoastră. Rotiți-l, reîmprospătați-l, schimbați limba.
  2. Citiți cerințele și lista de lucruri neincluse. Notați fiecare piesă pe care ar trebui să o construiți sau să o cumpărați.
  3. Găsiți licența și citiți trei propoziții: câte produse acoperă, dacă sunt permise reclamele și ce nu aveți voie să revindeți.

Pentru un șablon cu motor

  1. Întrebați ce ediție și ce versiune a motorului deschide proiectul și dacă are nevoie de pluginuri suplimentare.
  2. Întrebați câte evenimente și straturi folosește proiectul și comparați cifrele cu limitele ediției gratuite de pe pagina motorului.
  3. Deschideți editorul separat și construiți un test de un ecran, ca să știți dacă vă place să lucrați în el.
  4. Dacă plănuiți să câștigați din joc, citiți licența motorului pe acest punct înainte de a cumpăra ceva.

Pentru un șablon JavaScript simplu

  1. Deschideți manualul public și găsiți unde se află logoul, culorile, regulile și textele.
  2. Verificați ce necesită editarea: nimic sau Node.js și npm. Fila Requirements a fiecărui articol spune care dintre ele.
  3. Rulați jocul așa cum spune manualul. Manualul Velvet Pool, de exemplu, sugerează python -m http.server 8765 în interiorul game/ pentru un test local, apoi deschiderea adresei http://localhost:8765/.
  4. Deschideți un script al demonstrației în uneltele de dezvoltator ale browserului. Dacă îl puteți urmări, îl puteți edita.

Din partea noastră, șabloanele sunt produse digitale: rambursăm o cumpărare doar dacă nu ați descărcat încă șablonul sau dacă șablonul livrat are un defect pe care nu îl putem remedia. Ca să cereți, scrieți-ne cu numărul licenței. O cumpărare rambursată încheie licența. Deoarece descărcarea închide această ușă, rulați testele de mai sus înainte de a cumpăra și, cu siguranță, înainte de a descărca.

Vedeți Velvet Pool: manualul, previzualizarea live și testele menționate mai sus

Întrebări frecvente

Am nevoie de un motor de jocuri ca să editez un șablon de joc HTML5?

Depinde de felul în care a fost făcut șablonul. Un șablon cu motor livrează un proiect care se deschide în editorul acelui motor, iar fișierele de proiect Construct se termină în .c3p. Un șablon JavaScript simplu este format din fișiere pe care le deschide orice editor de text. În Polar Games Marketplace niciuna dintre listele de cerințe nu menționează un editor de motor de joc. Mai multe ediții au nevoie de Node.js, uneori și de npm, doar ca să reconstruiască sursa lor TypeScript.

Pot edita un șablon Construct 3 cu ediția gratuită?

Nu putem răspunde pentru un anumit proiect. Ce arăta pagina motorului pe 24 octombrie 2026 este că ediția gratuită exportă în HTML5 și limitează evenimentele la 50 (25 ca invitat) și straturile la 2, iar un anunț citit spune că versiunea gratuită are limitări. Întrebați vânzătorul câte evenimente și straturi folosește proiectul și comparați.

Un șablon JavaScript simplu este mai greu de editat decât un șablon cu motor?

Dacă nu scrieți cod, da: nu există un editor vizual, iar o greșeală de scriere poate strica un ecran. Dacă scrieți cod, schimbarea unei culori, a unui text sau a unui nivel este o editare a unui fișier cu nume, iar manualele spun care. Nivelurile Ricopop sunt hărți de text, iar fișierul de setări al Gridspark este text simplu.

Șabloanele dumneavoastră au nevoie de npm sau de un pas de build?

Unele da, altele nu. Ricopop, Velvet Pool și Puttide nu au nevoie de niciunul. Gridspark nu are nevoie de build ca să fie instalat și jucat, iar un build fără dependențe (npm test, npm run build, Node.js 20+) doar dacă modificați codul din source/. Edițiile făcute în TypeScript, precum Trimora și Twirldrop, au nevoie de Node.js și npm ca să se reconstruiască, deși folderul game/ pe care îl găzduiți este deja construit. Fila Requirements a fiecărui articol le enumeră.

Pot folosi un șablon pentru un client și pot pune reclame în el?

Licența noastră acoperă un singur produs final, al dumneavoastră sau al unui client, iar jucătorii îl pot accesa gratuit sau prin monetizare cu publicitate. Puteți modifica codul, grafica și audio din el, dar nu puteți revinde șablonul sau sursa lui. Jocurile sunt livrate fără rețea de reclame, deci conectarea uneia și obținerea aprobării ei vă revin dumneavoastră. Pentru un șablon cu motor, citiți licența motorului, pe lângă cea a vânzătorului.

Ce fac dacă aleg tipul greșit?

Testați întâi, așa cum am arătat mai sus. O rambursare este posibilă doar dacă nu ați descărcat încă șablonul sau dacă șablonul livrat are un defect pe care nu îl putem remedia. Trecerea de la un drum la altul după aceea înseamnă refacerea jocului în cealaltă unealtă, așa că ora petrecută înainte de plată este bine investită.

Deschideți unul înainte să decideți

Cea mai ieftină comparație costă o oră: jucați o demonstrație, citiți un manual, deschideți editorul. Faceți asta o dată pentru un șablon cu motor și o dată pentru un șablon JavaScript simplu, apoi alegeți-l pe cel la care nu v-ați gândit cu teamă să îl deschideți a doua oară.

Răsfoiți Polar Games Marketplace și deschideți un manual