Gids

Construct 3-template of vanilla JavaScript-game? Zo kiest u

Een engineproject dat in een editor opent, of gewone bestanden die u in elke teksteditor bewerkt: wat elk vraagt, wat elk oplevert en hoe u er één test voordat u betaalt.

Polarzinho staat bij een splitsing tussen twee werkbanken: op de ene liggen kleurrijke visuele bouwblokken, op de andere staan een toetsenbord en een scherm met accolades van code.

Kies een van de Construct 3-gametemplates als u de game in een visuele editor wilt aanpassen en die editor telkens graag opent. Kies een vanilla JavaScript-gametemplate, een HTML5-gametemplate zonder engine, als u code in elke teksteditor kunt openen of als iemand aan uw kant dat kan. Geen van beide is het betere product. Het verschil is wat er op uw computer moet staan voordat u iets kunt wijzigen.

Wij verkopen de tweede soort, dus we hebben er belang bij. Om het eerlijk te houden, lazen we de openbare pagina’s van de enginekant zoals ze op 24 oktober 2026 waren: de eigen functievergelijking en documentatie van Construct, en vier openbare CodeCanyon-aanbiedingen van HTML5-games die Construct-projecten meeleveren. Alles wat we over onze templates zeggen, komt uit onze itempagina’s, onze voorwaarden en de openbare handleidingen, die u zelf kunt openen.

Hieronder vindt u een korte beslisboom, een eerlijke lijst van wat u op elke route wint en inlevert, twee van onze templates opengevouwen, een test die u vóór aankoop van beide soorten kunt doen, en zes vragen die mensen stellen.

Construct 3-gametemplates: wat het zijn en wat u nodig hebt om er een te openen

Construct is een gamemaaktool met een visuele editor die ook in de browser draait. In de praktijk is een Construct 3-gametemplate een projectbestand voor die editor, plus een HTML5-versie van de game die u ongewijzigd kunt hosten. In de vier CodeCanyon-aanbiedingen die we openden, had de bestandslijst telkens dezelfde vorm: een .c3p-project naast de HTML5-gamebestanden.

Wat die vier aanbiedingen over bewerken zeiden, een voor een: één zegt dat u voor het bewerken van de code de Construct 3-tool nodig hebt, verwijst naar de online editor en voegt toe dat de gratis versie beperkingen heeft. Eén zegt dat alleen om het project te openen al een gratis plug-in van een derde partij nodig is. Twee noemen Construct 3 als softwareversie en bieden hulp bij het vervangen van het beeld (vervang de afbeeldingen in een beeldeditor; een reskin-gids) zonder te zeggen welke editie van de engine u nodig hebt. We noemen geen verkopers: dit is een patroon, geen oordeel over een van hen.

Wat de eigen pagina’s van de engine zeiden, gelezen op 24 oktober 2026: de gratis editie bevat export naar HTML5. Ze begrenst het aantal events (50 als u bent ingelogd met een geverifieerd e-mailadres, 25 als gast) en lagen (2). De functietabel noemt geld verdienen met games, advertenties en in-app-aankopen onder wat de gratis editie niet bevat. De pagina verdeelt de betaalde plannen ook naar wie koopt, bijvoorbeeld particulieren, geregistreerde bedrijven en onderwijsinstellingen, dus controleer welk plan bij u hoort.

De documentatie en website van Construct beschrijven games die zijn gebouwd met eventsheets: events die bestaan uit voorwaarden en acties die u in de editor ziet, met JavaScript als optie voor gevorderde gebruikers. Dat is de belangrijkste aantrekkingskracht van deze route, en de volgende onderdelen behandelen haar ook zo.

Bekijk de Polar Games Marketplace

Een HTML5-gametemplate zonder engine: wat dat in onze catalogus betekent

Een gewone JavaScript-template is een map met HTML-, CSS-, JavaScript- en JSON-bestanden. Elke teksteditor opent ze en een browser voert ze uit zodra ze op een webhost staan. Dubbelklikken op index.html werkt niet, omdat browsers modules op file:// blokkeren.

Hier moeten we nauwkeurig zijn, want “geen engine” is niet hetzelfde als “geen buildstap”. Als we de vereisten van elk item in de marketplace lezen, vallen de edities in drie groepen:

  • Bewerken en uploaden, niets te installeren: Ricopop (de map game/ is zelf de bewerkbare bron: bewerken, uploaden, verversen), Velvet Pool en Puttide (geen npm, geen buildstap, geen PHP, geen database; volgens de handleiding van Velvet Pool bewerkt u in source/ en kopieert u de gewijzigde bestanden naar game/). Node.js komt alleen voor in optionele ontwikkelaarstools, in de edities die ze hebben.
  • Gewone bestanden met een kleine build-hulp: Gridspark en Solitaire Links (die laatste is gewone HTML, CSS en JavaScript). Installeren en spelen vraagt bij geen van beide een build. Volgens de handleiding van Gridspark werkt u in source/ en voert u npm test en npm run build uit (Node.js 20+, geen npm-afhankelijkheden) zodat de speelbare bestanden in game/ terechtkomen; het instellingenbestand is gewone tekst. In Solitaire Links bewerkt u het instellingenbestand zonder build, is Node.js 20+ alleen nodig voor tests en het genereren van talen, en verwijst de handleiding voor beeld, regels en tekst naar de optionele broneditie en een rebuild.
  • TypeScript-projecten: Beep Out, Pinloop, Riffvolt, Sunset Rally, Trimora en Twirldrop (Vite-builds), Zabum (React en TypeScript), en Tenguin, Mochi Monsters, Deepforge en Barricade Z. De map game/ die u host is leesbare JavaScript, maar de TypeScript-bron wijzigen en opnieuw bouwen vraagt Node.js (de vereisten van Trimora noemen npm ci, npm test en npm run build). De exacte versie staat op het tabblad Vereisten van elk item.

In elke editie draait de hostklare map game/ ongewijzigd op een statische host. Geen enkele lijst met vereisten noemt een game-engine-editor of een enginelicentie, en geen enkele vraagt een account om te bewerken. Dat is de hele bewering. We zeggen niet dat elke template hier de buildstap overslaat, want dat is niet waar.

Een korte beslisboom: wilt u dit, kies dan dat

Begin bij wat u op de eerste dag wilt doen, niet bij de technologie.

  • Wilt u levels, beeld en regels aanpassen zonder code te schrijven, en bent u bereid de editor te leren of gebruikt u hem al: een engine-template. Visuele events zijn precies daarvoor gebouwd.
  • Gebruikt u Construct al en wilt u een voorsprong op een bepaald type game: een engine-template, want u opent het project in een tool die u kent.
  • Werkt u, of uw ontwikkelaar, in een code-editor met versiebeheer en wilt u elke wijziging als tekstverschil zien: een gewone JavaScript-template.
  • Wilt u alleen de naam, kleuren, teksten en levels wijzigen en daarna uploaden: beide kan. Controleer of de aanbieding de bestanden noemt (gewone JavaScript) of dat de gratis editie het project kan openen (engineroute).
  • Moet u de game overdragen aan een klant zonder engineplan: gewone bestanden geeft u makkelijker door, want elke teksteditor opent ze. Werkt de klant al in de engine, dan is het projectbestand de betere overdracht.
  • Wilt u met advertenties verdienen: lees de licentietabel van de engine voordat u begint, want de gratis editie noemt advertenties als niet inbegrepen, en lees de licentie van elke template. Bij ons mag u uw eindproduct met advertenties te gelde maken, maar de games worden zonder advertentienetwerk geleverd.
  • Kent u geen van beide tools: probeer ze elk een uur (zie het onderdeel over de test hieronder) en houd degene waar u niet meer mee vocht.

Bekijk Ricopop: een gewone JavaScript-template waarvan de levels tekstkaarten zijn

De engineroute: wat u wint en wat u inlevert

Neem de engineroute serieus. Ze bestaat omdat veel mensen een game willen maken of aanpassen zonder hem te schrijven, en ze is daar goed in. Voor sommige kopers is het gewoon het juiste gereedschap.

Wat u wint

  • Visueel bewerken: indelingen, objecten en eventsheets die u op het scherm leest en wijzigt in plaats van in code.
  • Documentatie, handleidingen en een gebruikersforum op de eigen site van de engine. Loopt u vast, dan zoekt u openbare antwoorden, wat bij een template van één studio niet kan.
  • Add-ons: de pagina van de engine noemt meegeleverde add-ons en laat u add-ons van derden met uw project opslaan, zodat functies als add-on komen in plaats van als code die u zelf schrijft.
  • Wat u leert, werkt door: uw tweede game gebruikt dezelfde editor en dezelfde events.
  • HTML5-export zit in de gratis editie, dus u kunt bouwen en testen voordat u een plan kiest.

Wat u inlevert

  • U hebt de editor nodig, en de gratis editie begrenst events en lagen.
  • Sommige projecten vragen extra plug-ins (een van de aanbiedingen die we lazen doet dat).
  • Geld verdienen met de game hangt af van de eigen licentie en het plan van de engine.
  • Het project is voor één tool gemaakt: u wijzigt het daar, niet in een teksteditor.

De gewone JavaScript-route: wat u wint en wat u inlevert

Een vanilla JavaScript-gametemplate ruilt de editor voor een tekstbestand. Kunt u code lezen, dan is dat een goede ruil, en kunt u dat niet, dan een slechte.

Wat u wint

  • Elke teksteditor opent de bestanden en elke statische webhost serveert ze.
  • Er is geen engineplan of account nodig om te bewerken.
  • Leesbare, opgemaakte bron, met handleidingen die laten zien waar het logo, de kleuren, de regels en de teksten staan.
  • Wijzigingen verschijnen als gewone tekst, wat met versiebeheer werkt.
  • Optionele geautomatiseerde tests in sommige edities (Node.js 20+). In Velvet Pool dekken ze natuurkunde, 8-ball-regels, CPU-wedstrijden en vertaalsleutels.

Wat u inlevert

  • U bewerkt code: een verdwaalde komma kan een scherm breken.
  • Geen visuele editor voor levels of indelingen. De levels van Ricopop zijn tekstkaarten, met een controle die zegt of een level nog te winnen is.
  • Geen openbaar forum voor één template: vragen gaan naar de verkoper, en support heeft grenzen. Die is 6 maanden inbegrepen, of 12 met de verlenging, en maatwerk, nieuwe functies, hosting en SDK- of portaalintegratie zijn aparte diensten met offerte.
  • Wat een editie weglaat, blijft weg. Gridspark heeft bijvoorbeeld geen online ranglijsten, accounts, advertentie-SDK’s of native appstore-builds.

Lees de lijst “Niet inbegrepen in deze editie” op elke itempagina. Die van Velvet Pool noemt online multiplayer, online ranglijsten, advertentie-SDK’s en native apps. Die van Ricopop noemt native Android- of iOS-builds, online multiplayer of een door een server geverifieerde competitieve ranglijst, en accounts bij advertentienetwerken en integraties met SDK’s van gameportalen.

Twee gewone JavaScript-templates opengevouwen: Ricopop en Gridspark

Hun openbare handleidingen beantwoorden “waar wijzig ik dat?” met een bestandsnaam. Ricopop komt eerst, omdat de map game/ daar de bron is.

Ricopop: levels als tekst, geen build

  • Levels: src/levels.js bevat de 50 levels als tekstkaarten met par en oplossing, en een commentaar bovenaan legt het formaat uit.
  • Regels en getallen: src/sim/config.js bevat het aantal ballen per salvo, de balsnelheid en de scorewaarden.
  • Kleuren en uiterlijk van het menu: style.css.
  • Logo: door code getekend in src/ui/logo.js, geen afbeelding.
  • Teksten en de 14 talen: src/locales.js.
  • Instellingen voor advertenties en klassement, beide standaard uit: ricopop.config.js.

De werkwijze in de handleiding is bewerken, uploaden, geforceerd verversen. Ze raadt een code-editor aan zoals VS Code of Notepad++ en raadt een tekstverwerker af. Nadat u een kaart hebt gewijzigd, controleert de optionele tool node tools/validate.mjs of elk level nog te winnen is, en node tools/validate.mjs --solve 12 vindt een oplossing voor level 12. De tools vragen Node.js 20+.

Ricopop level 1: drie genummerde groene kristallen, een klein kanon onderaan met x10, de score links en de sterdoelen rechts
Ricopop, level 1 van 50. De levels zijn tekstkaarten in src/levels.js.

Gridspark: instellingen in een tekstbestand, regels in benoemde modules

  • Interfacetekst en talen: src/locales.js.
  • Constanten en palet: src/config.js. Interfacekleuren: style.css.
  • Puzzelregels: game.js, board.js, generator.js en shapes.js.
  • Logo, gezichten en blokken: getekend in src/logo.js.
  • Startscherm en knop voor volledig scherm: gridspark.config.js, een tekstbestand dat geen rebuild nodig heeft.

Voor codewijzigingen laat de handleiding u in source/ werken en daarna npm test en npm run build uitvoeren. Dat vraagt Node.js 20+, maar installeert geen afhankelijkheden.

Gridspark-gameplay: een bord van 8 bij 8 met lachende blauwe, roze en oranje blokken en twee bliksemblokken, drie nieuwe stukken die rechts wachten en de score links
Gridspark: het bord van 8×8, de hand van drie vormen, de score en de ZAP-lading.

Velvet Pool volgt hetzelfde idee in 3D. Het logo staat in assets/logo/, de stijlen van laken en keu in src/game/progress.js, het gedrag van de CPU in src/core/ai.js en de natuurkunde in src/core/physics.js. De optionele tests (npm test in source/, Node.js 20+) dekken natuurkunde, 8-ball-regels, CPU-wedstrijden en vertaalsleutels, en de handleiding zegt duidelijk dat ze testen in browsers en op apparaten niet vervangen.

Bekijk Gridspark, met live preview en handleiding

Zo test u beide soorten vóór u betaalt

Een projectbestand dat u niet hebt gekocht, kunt u niet openen, maar bijna alles eromheen kunt u testen. Doe dit in volgorde, met een timer aan.

Voor beide soorten

  1. Speel de demo van precies deze editie op de telefoon die uw spelers gebruiken. Draai hem, herlaad hem, wissel van taal.
  2. Lees de vereisten en de lijst met wat niet is inbegrepen. Schrijf elk onderdeel op dat u nog zelf zou moeten bouwen of kopen.
  3. Zoek de licentie en lees drie zinnen: hoeveel producten ze dekt, of advertenties zijn toegestaan en wat u niet mag doorverkopen.

Voor een engine-template

  1. Vraag welke editie en versie van de engine het project opent en of er extra plug-ins nodig zijn.
  2. Vraag hoeveel events en lagen het project gebruikt en vergelijk de aantallen met de limieten van de gratis editie op de pagina van de engine.
  3. Open de editor los en bouw een test van één scherm, zodat u weet of u er graag in werkt.
  4. Wilt u met de game geld verdienen, lees dan de licentie van de engine op dat punt voordat u iets koopt.

Voor een gewone JavaScript-template

  1. Open de openbare handleiding en zoek waar het logo, de kleuren, de regels en de teksten staan.
  2. Controleer wat bewerken vereist: niets, of Node.js en npm. Het tabblad Vereisten van elk item zegt welke.
  3. Draai hem zoals de handleiding zegt. De handleiding van Velvet Pool stelt bijvoorbeeld voor om python -m http.server 8765 in game/ uit te voeren voor een lokale test en dan http://localhost:8765/ te openen.
  4. Open één script van de demo in de ontwikkelaarstools van uw browser. Kunt u het volgen, dan kunt u het bewerken.

Bij ons zijn templates digitale producten: we betalen een aankoop alleen terug als u de template nog niet hebt gedownload, of als de geleverde template een gebrek heeft dat we niet kunnen verhelpen. Om het aan te vragen, schrijft u ons met uw licentienummer. Een terugbetaalde aankoop beëindigt de licentie. Omdat downloaden die deur sluit, doet u de bovenstaande tests vóór u koopt, en zeker vóór u downloadt.

Bekijk Velvet Pool: handleiding, live preview en de hierboven genoemde tests

Veelgestelde vragen

Heb ik een game-engine nodig om een HTML5-gametemplate te bewerken?

Dat hangt af van hoe de template is gemaakt. Een engine-template levert een project dat in de editor van die engine opent, en de projectbestanden van Construct eindigen op .c3p. Een gewone JavaScript-template zijn bestanden die elke teksteditor opent. In de Polar Games Marketplace noemt geen enkele lijst met vereisten een game-engine-editor. Meerdere edities vragen Node.js, soms ook npm, alleen om hun TypeScript-bron opnieuw te bouwen.

Kan ik een Construct 3-template bewerken met de gratis editie?

Voor een bepaald project kunnen we dat niet beantwoorden. Wat de pagina van de engine op 24 oktober 2026 liet zien, is dat de gratis editie naar HTML5 exporteert en events begrenst op 50 (25 als gast) en lagen op 2, en één aanbieding die we lazen zegt dat de gratis versie beperkingen heeft. Vraag de verkoper hoeveel events en lagen het project gebruikt, en vergelijk.

Is een vanilla JavaScript-gametemplate moeilijker te bewerken dan een engine-template?

Schrijft u geen code, dan wel: er is geen visuele editor en een typefout kan een scherm breken. Schrijft u wel code, dan is een kleur, tekst of level wijzigen een aanpassing in een benoemd bestand, en de handleidingen zeggen welk. De levels van Ricopop zijn tekstkaarten en het instellingenbestand van Gridspark is gewone tekst.

Hebben jullie templates npm of een buildstap nodig?

Sommige wel, sommige niet. Ricopop, Velvet Pool en Puttide hebben geen van beide nodig. Gridspark heeft geen build nodig om te installeren en te spelen, en alleen een build zonder afhankelijkheden (npm test, npm run build, Node.js 20+) als u code in source/ wijzigt. Edities in TypeScript, zoals Trimora en Twirldrop, hebben Node.js en npm nodig om opnieuw te bouwen, al is de map game/ die u host al gebouwd. Het tabblad Vereisten van elk item vermeldt het.

Mag ik een template voor een klant gebruiken en er advertenties op zetten?

Onze licentie dekt één eindproduct, van uzelf of van één klant, en spelers mogen het gratis of via advertentiemonetisatie gebruiken. U mag de code, het beeld en het geluid erin wijzigen, en u mag de template of de bron niet doorverkopen. De games worden zonder advertentienetwerk geleverd, dus er een koppelen en de goedkeuring regelen is uw deel. Lees bij een engine-template naast die van de verkoper ook de licentie van de engine.

Wat als ik de verkeerde soort kies?

Test eerst, zoals hierboven. Een terugbetaling kan alleen als u de template nog niet hebt gedownload, of als de geleverde template een gebrek heeft dat we niet kunnen verhelpen. Daarna van de ene route naar de andere overstappen betekent de game in de andere tool opnieuw opbouwen, dus het uur vóór de betaling is goed besteed.

Open er een voordat u beslist

De goedkoopste vergelijking kost een uur: speel een demo, lees een handleiding, open de editor. Doe het één keer voor een engine-template en één keer voor een gewone JavaScript-template, en kies degene die u niet zag opkomen om voor de tweede keer te openen.

Bekijk de Polar Games Marketplace en open een handleiding