Broncode voor een HTML5-puzzelspel: inhoud en controlepunten
Levels, de dagpuzzel, TypeScript-broncode en hosting van een afgerond logicaspel, met Frogdoku als voorbeeld.

Gratis HTML5-spelcode is makkelijk te vinden. Afgeronde, geteste puzzelspellen met echte levels, een dagpuzzel en gedocumenteerde broncode zijn lastiger te vinden, en dat is wat de meeste kopers bedoelen als ze zoeken naar broncode die ze kunnen publiceren.
Frogdoku is een logicapuzzel met één regel: zet precies één kikker in elke rij, elke kolom en elke gekleurde vijver, zonder dat twee kikkers elkaar raken. Deze gids laat zien wat u bij elk puzzeltemplate moet controleren, met deze editie als voorbeeld.
Begin met het aantal levels en de modi
De kopersversie bevat 180 campagnepuzzels verdeeld over zes stukken van een beek, een kalender met dagpuzzels, de modi Eindeloos en Ontspannen, trofeeën, ongedaan maken en opnieuw doen, en hulpmiddelen. De garderobe van Ribi is een beloning voor voortgang.
Het aantal levels zegt meer dan de omslag. Een template met 20 levels zit dichter bij een prototype, een template met 180 dichter bij een afgerond spel. Vraag de verkoper hoe de levels zijn gemaakt en hoe elk level is gecontroleerd, want een puzzel die niet op te lossen is, jaagt spelers het snelst weg.
Wat de broncode bevat
De broncode is geschreven in TypeScript en wordt geleverd met tests en licentievermeldingen van derden. Het pakket noemt ook JSON-bestanden, en de spelmap is de build die klaar is om te hosten, met lokale afbeeldingen, audio en lettertypen.
- game/: de build die klaar is om te hosten, met afbeeldingen, audio en lettertypen al lokaal.
- De TypeScript-broncode en de tests: het deel dat u leest en aanpast.
- Vite: optioneel, alleen nodig als u opnieuw bouwt vanuit de TypeScript.
Een controle van 15 minuten vóór de aankoop
Een puzzeltemplate beoordeelt u in een korte sessie. Speel het eerste stuk op een telefoon en daarna op een laptop, en noteer waar een tik of een sleepbeweging traag of onduidelijk aanvoelt. Maak de laatste zet een paar keer ongedaan en controleer of het bord telkens naar de vorige stand terugkeert.
Open daarna de broncode en lees de namen van de tests. Zoek naar tests die naar de regels van de puzzel zijn genoemd. Een regel met een test wordt in de code afgedwongen en niet alleen op het scherm getoond.
Hosting: alleen statische bestanden
Net als de andere templates in deze gids vraagt de kopersversie om een actuele browser met ondersteuning voor JavaScript en audio en om statische HTTP(S)-hosting. Een database of een account bij de maker is niet nodig.
Upload de inhoud van game/ naar de map waar de puzzel moet komen. Opnieuw bouwen is alleen nodig als u de TypeScript-broncode wijzigt.
Bekijk de pagina van Frogdoku, wat erin zit en de licentie
Wat de prijs niet dekt
Frogdoku heeft geen opslag in de cloud, geen online ranglijst, geen aankopen met echt geld en geen advertentie-SDK, en bij normaal spelen worden er geen verzoeken naar zulke diensten gestuurd. De voortgang wordt in de gebruikte browser opgeslagen.
Native apps, hosting en maatwerk zijn niet inbegrepen. De dagpuzzel hoort bij een kalender en heeft geen online ranglijst nodig om te spelen.
Veelgestelde vragen
Moet ik het spel bouwen?
Nee. Upload de inhoud van game/ naar HTTP(S)-hosting. Opnieuw bouwen is alleen nodig als u de TypeScript-broncode aanpast.
Waar wordt de voortgang opgeslagen?
Lokaal, in de gebruikte browser.
Heeft de dagpuzzel een online ranglijst nodig?
Nee. De dagpuzzels blijven zonder ranglijst speelbaar, en de voortgang wordt in de browser van de speler opgeslagen.
Welke licentie geldt?
De voorwaarden van de Polar Games Marketplace die bij het afrekenen worden getoond.
Waar een puzzeltemplate op zijn plaats is
Een puzzel als deze past bij een leersite, een dagelijkse puzzel op een blog of een studio die een afgerond logicaspel wil aanpassen. Voor een project met gerangschikte potjes of accounts is hij minder geschikt, want die vallen buiten deze editie.
