Källkod för pusselspel i HTML5: vad du får och vad du kollar
Banor, dagens pussel, källkod i TypeScript och webbhotell för ett färdigt logikpussel, med Frogdoku som exempel.

Gratis kod för HTML5-spel är lätt att hitta. Färdiga, testade pusselspel med riktiga banor, ett dagligt pussel och dokumenterad källkod är svårare att hitta, och det är oftast vad köpare menar när de letar efter källkod som går att lansera.
Frogdoku är ett logikpussel med en enda regel: placera exakt en groda i varje rad, varje kolumn och varje färgad damm, utan att två grodor rör vid varandra. Den här guiden visar vad du bör kontrollera i vilken pusselmall som helst, med den här utgåvan som exempel.
Börja med antalet banor och lägena
Köparutgåvan innehåller 180 kampanjpussel fördelade på sex sträckor längs en bäck, en kalender med dagliga pussel, lägena Endless och Relax, troféer, ångra och gör om, samt hjälpmedel. Ribis garderob är en belöning för framsteg.
Antalet banor betyder mer än omslaget. En mall med 20 banor ligger närmare en prototyp, medan en med 180 ligger närmare ett färdigt spel. Fråga säljaren hur banorna togs fram och hur varje bana kontrollerades, för ett pussel som inte går att lösa är det snabbaste sättet att tappa en spelare.
Vad källkoden innehåller
Källkoden är skriven i TypeScript och levereras med tester och licensinformation för tredjepartsmaterial. Paketet listar JSON bland sina filer, och mappen game är den färdiga versionen att ladda upp, med grafik, ljud och typsnitt lokalt.
- game/: den färdiga versionen att ladda upp, med grafik, ljud och typsnitt redan lokalt.
- Källkoden i TypeScript och dess tester: delen du läser och redigerar.
- Vite: valfritt, och behövs bara om du bygger om från TypeScript-koden.
En koll på 15 minuter innan du köper
Du kan bedöma en pusselmall på en kort stund. Spela den första sträckan på en mobil och sedan på en laptop, och notera var ett tryck eller ett drag känns långsamt eller otydligt. Ångra det senaste draget flera gånger och kontrollera att brädet varje gång återgår till det tidigare läget.
Öppna sedan källkoden och läs namnen på testerna. Leta efter tester som är uppkallade efter pusslets regler. En regel som har ett test upprätthålls i koden, inte bara på skärmen.
Webbhotell: bara statiska filer
Precis som de andra mallarna i den här guiden kräver köparutgåvan en aktuell webbläsare med stöd för JavaScript och ljud, och ett webbhotell som serverar statiska filer över HTTP(S). Den behöver ingen databas och inget konto hos upphovspersonen.
Ladda upp innehållet i game/ till mappen där pusslet ska ligga. Du behöver bara bygga om om du ändrar källkoden i TypeScript.
Se Frogdoku i butiken, vad som ingår och licensen
Vad priset inte täcker
Frogdoku har ingen molnsparning, ingen onlinerankning, inga köp med riktiga pengar och inget annons-SDK, och vanligt spel skickar inga anrop till sådana tjänster. Framstegen sparas i den aktuella webbläsaren.
Native-appar, webbhotell och specialutveckling ingår inte. Det dagliga pusslet är en del av en kalender och kräver ingen onlinerankning för att spelas.
Vanliga frågor
Måste jag bygga spelet?
Nej. Ladda upp innehållet i game/ till ett webbhotell med HTTP(S). Du behöver bara bygga om om du redigerar källkoden i TypeScript.
Var sparas framstegen?
Lokalt, i den aktuella webbläsaren.
Kräver det dagliga pusslet en onlinerankning?
Nej. De dagliga pusslen går att spela utan en, och framstegen sparas i spelarens webbläsare.
Vilken licens gäller?
Villkoren för Polar Games Marketplace som visas i kassan gäller.
Där en pusselmall gör nytta
Ett pussel som det här passar en lärsajt, en blogg som vill ge läsarna en daglig pusselvana, eller en studio som vill ha ett färdigt logikspel att anpassa. Det passar sämre för projekt som kräver rankat spel eller användarkonton, eftersom det ligger utanför den här utgåvan.
