Construct 3-spelmallar eller ren JavaScript-mall? Så väljer du

Välj en av Construct 3-spelmallarna om du vill ändra spelet i en visuell editor och tycker att det är okej att öppna den editorn varje gång. Välj en JavaScript-spelmall i vanilla-stil, en HTML5-spelmall som inte behöver någon spelmotor, om du kan öppna kod i valfri textredigerare, eller om någon på din sida kan det. Ingen av dem är den bättre produkten. Skillnaden är vad som måste vara installerat på datorn innan du kan ändra något.

Vi säljer den andra typen, så vi har ett intresse i saken. För att vara rättvisa läste vi de offentliga sidorna för motorsidan så som de såg ut den 24 oktober 2026: Constructs egen funktionsjämförelse och dokumentation, samt fyra offentliga CodeCanyon-annonser för HTML5-spel som levereras med Construct-projekt. Allt vi säger om våra mallar kommer från våra objektsidor, våra villkor och de offentliga manualerna, som du kan öppna själv.

Nedan får du ett kort beslutsträd, en ärlig lista över vad du vinner och ger upp på varje väg, två av våra mallar öppnade, ett test du kan köra innan du betalar för någon av typerna och sex frågor som folk brukar ställa.

Construct 3-spelmallar: vad de är och vad du behöver för att öppna en

Construct är ett spelskapande verktyg med en visuell editor som också körs i webbläsaren. I praktiken är en Construct 3-spelmall en projektfil gjord för den editorn, plus en HTML5-version av spelet som du kan lägga upp som den är. I de fyra CodeCanyon-annonserna vi öppnade var fillistan likadan varje gång: en .c3p-projektfil bredvid HTML5-spelfilerna.

Det de fyra annonserna sa om redigering, en i taget: en säger att du behöver Construct 3-verktyget för att redigera koden, pekar på den online-editorn och lägger till att gratisversionen har begränsningar. En säger att ett gratis tredjepartstillägg krävs bara för att öppna projektet. Två listar Construct 3 som programversion och erbjuder hjälp med att byta grafik (ersätta bilderna i ett bildredigeringsprogram; en guide för att byta skin) utan att säga vilken utgåva av motorn du behöver. Vi nämner inga säljare: det här är ett mönster, inte ett omdöme om någon av dem.

Det motorns egna sidor säger, lästa den 24 oktober 2026: gratisutgåvan inkluderar export till HTML5. Den begränsar antalet händelser (50 när du är inloggad med en verifierad e-postadress, 25 som gäst) och antalet lager (2). Funktionstabellen listar intäkter från spel, annonser och köp i appen bland sådant som gratisutgåvan inte omfattar. Sidan delar också upp de betalda planerna efter vem som köper, till exempel privatpersoner, registrerade företag och utbildningsinstitutioner, så kontrollera vilken som gäller för dig.

Constructs dokumentation och webbplats beskriver spel byggda med händelseark: händelser som består av villkor och åtgärder, som du ser i editorn, med JavaScript som ett alternativ för avancerade användare. Det är den största behållningen med vägen, och nästa avsnitt behandlar den som en egen väg.

Se Polar Games-marknadsplatsen

En HTML5-spelmall utan spelmotor: vad det betyder i vårt sortiment

En ren JavaScript-mall är en mapp med HTML-, CSS-, JavaScript- och JSON-filer. Valfri textredigerare öppnar dem, och en webbläsare kör dem när de ligger på en webbhotell. Dubbelklickar du på index.html fungerar det inte, eftersom webbläsare blockerar moduler på file://.

Vi måste vara exakta här, eftersom “ingen motor” inte är samma sak som “inget byggsteg”. Vi läste kraven för varje objekt i marknadsplatsen, och utgåvorna faller i tre grupper:

• Redigera och ladda upp, inget att installera: Ricopop (dess game/-mapp är själva redigerbara källan: redigera, ladda upp, uppdatera), Velvet Pool och Puttide (ingen npm, inget byggsteg, ingen PHP, ingen databas; Velvet Pools manual säger att du redigerar i source/ och kopierar de ändrade filerna till game/). Node.js förekommer bara i valfria utvecklarverktyg, i de utgåvor som har dem.
• Vanliga filer med ett litet byggverktyg: Gridspark och Solitaire Links (den senare är vanlig HTML, CSS och JavaScript). Att installera och spela kräver inget bygge i något av dem. Gridspark-manualen låter dig arbeta i source/ och köra npm test och npm run build (Node.js 20+, inga npm-beroenden) så att de spelbara filerna hamnar i game/, och dess inställningsfil är ren text. I Solitaire Links redigeras inställningsfilen utan bygge, Node.js 20+ behövs bara för tester och språkgenerering, och för grafik, regler och text pekar manualen på den valfria källutgåvan och ett nytt bygge.
• TypeScript-projekt: Beep Out, Pinloop, Riffvolt, Sunset Rally, Trimora och Twirldrop (Vite-bygge), Zabum (React och TypeScript), samt Tenguin, Mochi Monsters, Deepforge och Barricade Z. Mappen game/ som du lägger upp är läsbart JavaScript, men att ändra TypeScript-källan och bygga om kräver Node.js (Trimoras krav listar npm ci, npm test och npm run build). Den exakta versionen finns på varje objekts flik för krav.

I varje utgåva går den färdiga game/-mappen, som du är redo att lägga upp, som den är på en statisk värd. Ingen av kravlistorna nämner en editor för spelmotorer eller en motorlicens, och ingen kräver ett konto för att redigera. Det är hela påståendet. Vi säger inte att varje mall här hoppar över byggsteget, för det stämmer inte.

Ett kort beslutsträd: vill du det här, välj det

Utgå från vad du vill göra första dagen, inte från tekniken.

• Om du vill ändra nivåer, grafik och regler utan att skriva kod, och du är beredd att lära dig editorn eller redan använder den: en motormall. Visuella händelser är gjorda just för det.
• Om du redan använder Construct och vill ha ett försprång för en typ av spel: en motormall, eftersom du öppnar projektet i ett verktyg du kan.
• Om du, eller din utvecklare, arbetar i en kodeditor med versionshantering och vill se varje ändring som en textjämförelse: en JavaScript-mall i vanilla-stil.
• Om du bara vill ändra namn, färger, texter och nivåer och sedan ladda upp: vilken som helst. Kontrollera att annonsen anger filerna (ren JavaScript) eller att gratisutgåvan kan öppna projektet (motorvägen).
• Om du måste överlämna spelet till en kund som inte har någon motorplan: vanliga filer är lättare att lämna vidare, eftersom valfri textredigerare öppnar dem. Om kunden redan arbetar i motorn är projektfilen den bättre överlämningen.
• Om du planerar att tjäna pengar på annonser: läs motorns licenstabell innan du börjar, eftersom gratisutgåvan listar annonser som ej inkluderade, och läs licensen för varje mall. Vår licens låter dig tjäna pengar på din slutprodukt med annonser, men spelen levereras utan något annonsnätverk.
• Om du inte känner till något av verktygen: prova var och en i en timme (se testavsnittet nedan) och behåll det du slutade kämpa med.

Se Ricopop: en ren JavaScript-mall vars nivåer är textkartor

Motorvägen: vad du vinner och vad du ger upp

Ta motorvägen på allvar. Den finns för att många vill skapa eller ändra ett spel utan att skriva det, och den är bra på det. För en del köpare är den helt enkelt rätt verktyg.

Vad du vinner

• Visuell redigering: layouter, objekt och händelseark som du läser och ändrar på skärmen i stället för i kod.
• Dokumentation, handledningar och ett användarforum på motorns egen sajt. När du kör fast söker du efter offentliga svar, vilket du inte kan göra för en mall som säljs av en enda studio.
• Tillägg: motorns sida listar medföljande tillägg och låter dig spara tillägg från tredje part tillsammans med projektet, så att funktioner kommer som tillägg i stället för kod som du skriver själv.
• Det du lär dig följer med: ditt andra spel använder samma editor och samma händelser.
• HTML5-export ingår i gratisutgåvan, så du kan bygga och testa innan du väljer en plan.

Vad du ger upp

• Du behöver editorn, och gratisutgåvan begränsar händelser och lager.
• Vissa projekt behöver extra tillägg (en av annonserna vi läste gör det).
• Att tjäna pengar på spelet beror på motorns egen licens och plan.
• Projektet är gjort för ett verktyg: du ändrar det där, inte i en textredigerare.

Vägen med ren JavaScript: vad du vinner och vad du ger upp

En JavaScript-mall i vanilla-stil byter editorn mot en textfil. Om du kan läsa kod är det en bra affär, och om du inte kan det är det en dålig.

Vad du vinner

• Valfri textredigerare öppnar filerna och valfri statisk webbhotell serverar dem.
• Ingen motorplan eller något konto behövs för att redigera.
• Läsbar, formaterad källkod, med manualer som visar var logotypen, färgerna, reglerna och texterna finns.
• Ändringar syns som vanlig text, vilket fungerar med versionshantering.
• Valfria automatiserade tester i vissa utgåvor (Node.js 20+). I Velvet Pool täcker de fysik, 8-bollsregler, datorns matcher och översättningsnycklar.

Vad du ger upp

• Du redigerar kod: ett felplacerat kommatecken kan förstöra en skärm.
• Ingen visuell editor för nivåer eller layouter. Ricopops nivåer är textkartor, med en kontroll som visar om varje nivå fortfarande går att vinna.
• Ingen offentlig forum för en enskild mall: frågor går till säljaren, och supporten har gränser. Den ingår i 6 månader, eller 12 med förlängningen, och anpassning, nya funktioner, hosting och integration med SDK eller portal är separata tjänster som offereras.
• Det en utgåva lämnar utanför förblir utanför. Gridspark har till exempel inga onlineledartavlor, konton, annons-SDK:er eller native-byggen för appbutiker.

Läs listan “Ingår inte i den här utgåvan” på varje objektsida. Velvet Pool nämner onlinemultiplayer, onlinerankingar, annons-SDK:er och native-appar. Ricopop nämner native-byggen för Android eller iOS, onlinemultiplayer eller en serververifierad tävlingsranking, samt annonsnätverkskonton och SDK-integrationer för spelportaler.

Två JavaScript-mallar öppnade: Ricopop och Gridspark

Deras offentliga manualer svarar på frågan “var ändrar jag det?” med ett filnamn. Ricopop kommer först, eftersom dess game/-mapp är källan.

Ricopop: nivåer som text, utan bygge

• Nivåer: src/levels.js håller de 50 nivåerna som textkartor med par och lösning, och en kommentar överst förklarar formatet.
• Regler och siffror: src/sim/config.js innehåller bollar per salva, bollhastighet och poängvärden.
• Färger och menyns utseende: style.css.
• Logotyp: ritad med kod i src/ui/logo.js, inte en bild.
• Texter och de 14 språken: src/locales.js.
• Inställningar för annonser och ledartavla, båda avstängda som standard: ricopop.config.js.

Manualens arbetsflöde är redigera, ladda upp, hård uppdatering. Den rekommenderar en kodeditor som VS Code eller Notepad++ och avråder från ett ordbehandlingsprogram. Efter att du har ändrat en karta kontrollerar det valfria verktyget node tools/validate.mjs att varje nivå fortfarande går att vinna, och node tools/validate.mjs --solve 12 hittar en lösning för nivå 12. Verktygen kräver Node.js 20+.

Gridspark: inställningar i en textfil, regler i namngivna moduler

• Gränssnittstext och språk: src/locales.js.
• Konstanter och palett: src/config.js. Gränssnittsfärger: style.css.
• Pusselregler: game.js, board.js, generator.js och shapes.js.
• Logotyp, ansikten och block: ritade i src/logo.js.
• Startskärm och helskärmsknapp: gridspark.config.js, en textfil som inte behöver något nytt bygge.

För kodändringar säger manualen att du arbetar i source/ och sedan kör npm test och npm run build. Det kräver Node.js 20+ men installerar inga beroenden.

Velvet Pool följer samma idé i 3D. Dess logotyp finns i assets/logo/, tyg- och kölstilar i src/game/progress.js, datorns beteende i src/core/ai.js och fysiken i src/core/physics.js. Dess valfria tester (npm test inne i source/, Node.js 20+) täcker fysik, 8-bollsregler, datorns matcher och översättningsnycklar, och manualen säger rent ut att de inte ersätter test i webbläsare och på enheter.

Se Gridspark, med dess liveförhandsvisning och manual

Så testar du båda typerna innan du betalar

Du kan inte öppna en projektfil du inte har köpt, men du kan testa nästan allt runt den. Gör det i ordning, med en timer igång.

För båda typerna

1. Spela demot av exakt den utgåvan på telefonen som dina spelare använder. Rotera den, ladda om den och byt språk.
2. Läs kraven och listan över det som inte ingår. Skriv ner allt du fortfarande skulle behöva bygga eller köpa.
3. Hitta licensen och läs tre meningar: hur många produkter den täcker, om annonser är tillåtna och vad du inte får sälja vidare.

För en motormall

1. Fråga vilken utgåva och version av motorn som öppnar projektet, och om det behöver extra tillägg.
2. Fråga hur många händelser och lager projektet använder, och jämför siffrorna med gratisutgåvans gränser på motorns sida.
3. Öppna editorn på egen hand och bygg ett test med en skärm, så att du vet om du trivs med att arbeta i den.
4. Om du planerar att tjäna pengar på spelet, läs motorns licens i just den frågan innan du köper något.

För en JavaScript-mall i vanilla-stil

1. Öppna den offentliga manualen och hitta var logotypen, färgerna, reglerna och texterna finns.
2. Kontrollera vad redigering kräver: ingenting, eller Node.js och npm. Fliken Krav på varje objekt säger vilket.
3. Kör den så som manualen säger. Velvet Pools manual föreslår till exempel python -m http.server 8765 inne i game/ för ett lokalt test, och sedan att du öppnar http://localhost:8765/.
4. Öppna ett skript från demot i webbläsarens utvecklarverktyg. Om du kan följa det kan du redigera det.

På vår sida är mallar digitala produkter: vi återbetalar ett köp bara om du inte har laddat ner mallen ännu, eller om den levererade mallen har ett fel vi inte kan åtgärda. För att begära det, skriv till oss med ditt licensnummer. En återbetalning avslutar licensen. Eftersom nedladdningen stänger den dörren, kör testerna ovan innan du köper, och absolut innan du laddar ner.

Se Velvet Pool: manual, liveförhandsvisning och testerna som nämns ovan

Vanliga frågor

Behöver jag en spelmotor för att redigera en HTML5-spelmall?

Det beror på hur mallen är gjord. En motormall levererar ett projekt som öppnas i den motorns editor, och Constructs projektfiler slutar på .c3p. En JavaScript-mall i vanilla-stil är filer som valfri textredigerare öppnar. På Polar Games-marknadsplatsen nämner inga kravlistor en editor för spelmotorer. Flera utgåvor behöver Node.js, och ibland npm, bara för att bygga om sin TypeScript-källa.

Kan jag redigera en Construct 3-mall med gratisutgåvan?

Vi kan inte svara för ett visst projekt. Det motorns sida visade den 24 oktober 2026 är att gratisutgåvan exporterar till HTML5 och begränsar händelser till 50 (25 som gäst) och lager till 2, och en av annonserna vi läste säger att gratisversionen har begränsningar. Fråga säljaren hur många händelser och lager projektet använder, och jämför.

Är en JavaScript-spelmall i vanilla-stil svårare att redigera än en motormall?

Om du inte skriver kod, ja: det finns ingen visuell editor, och ett stavfel kan förstöra en skärm. Om du gör det är det en redigering av en namngiven fil att ändra en färg, en text eller en nivå, och manualerna säger vilken. Ricopops nivåer är textkartor och Gridsparks inställningsfil är ren text.

Behöver dina mallar npm eller ett byggsteg?

Somliga gör det och andra inte. Ricopop, Velvet Pool och Puttide behöver inget av dem. Gridspark behöver inget bygge för att installera och spela, och ett utan beroenden (npm test, npm run build, Node.js 20+) bara om du ändrar kod i source/. Utgåvor gjorda i TypeScript, som Trimora och Twirldrop, behöver Node.js och npm för att bygga om, även om game/-mappen du lägger upp redan är byggd. Varje objekts flik för krav listar det.

Kan jag använda en mall för en kund och sätta annonser på den?

Vår licens omfattar en slutprodukt, din egen eller en kunds, och spelarna får spela gratis eller genom annonsintäkter. Du får ändra koden, grafiken och ljudet i den, och du får inte sälja mallen eller dess källkod vidare. Spelen levereras utan annonsnätverk, så att koppla ett och få dess godkännande är din uppgift. För en motormall ska du läsa motorns licens lika noggrant som säljarens.

Tänk om jag väljer fel typ?

Testa först, enligt ovan. Återbetalning är möjlig bara om du inte har laddat ner mallen ännu, eller om den levererade mallen har ett fel vi inte kan åtgärda. Att byta från en väg till den andra i efterhand innebär att bygga om spelet i det andra verktyget, så timmen före köpet är väl använd.

Öppna en innan du bestämmer dig

Den billigaste jämförelsen kostar en timme: spela ett demo, läs en manual, öppna editorn. Gör det en gång för en motormall och en gång för en JavaScript-mall i vanilla-stil, och välj sedan den du inte kände dig rädd för att öppna en andra gång.

Bläddra i Polar Games-marknadsplatsen och öppna en manual