HTML5-spilskabeloner klar til lancering: hvad du tjekker først

En HTML5-spilskabelon er et færdigt spil, der sælges sammen med kildekoden og en licens til at udgive det under dit eget navn eller en kundes. De gode skabeloner er klar på dag ét: du uploader en mappe, spillet kører, og alle ændringer bagefter er dit valg og ikke en manglende brik. De svage er startpakker: en mekanik, noget pladsholderkunst og en masse arbejde tilbage til dig.

Denne guide handler om at skelne de to og få en klar skabelon online. Vi gennemgår, hvad en spilskabelon indeholder, fem tests af klarhed, hvordan du vælger efter brug (website, portal, app-indpakning, kiosk, brand), den rækkefølge af redigeringer vi anbefaler, og hvad du bør tjekke i demoen og manualen, før du betaler. Til sidst en kort gennemgang af vores eget katalog med 28 HTML5-skabeloner efter genre, med listepriser.

Vi er Polar Games, et studie der har solgt spilkildekode på CodeCanyon under forfatteren polargames siden 2013 og nu også sælger fra sin egen butik. Så det her er en sælgerguide. Tjekkene virker for enhver sælger, også os.

Hvad HTML5-spilskabeloner er, og hvad du får i pakken

I HTML5-verdenen er spilskabeloner komplette browserspil pakket til genbrug. Du køber en licens, downloader filerne, sætter dit brand på spillet og udgiver det. Du får ikke spillets varemærke eller eksklusive rettigheder; du får retten til at bruge den udgave i et slutprodukt.

Hvad der følger med, varierer fra sælger til sælger. I vores butik har hver udgave de samme fem dele:

• En mappe game/, klar til hosting på en hvilken som helst statisk webhost: ingen PHP, ingen database, ingen konto.
• Den læsbare kildekode, som du må redigere i dit slutprodukt.
• En illustreret manual eller købsguide for den udgave.
• Et licensbevis med et nummer og en ægthedskode, som alle kan tjekke på vores verifikationsside.
• 6 måneders support fra købsdatoen, eller 12 hvis du vælger forlængelsen i kassen.

Licensen er evigt gyldig og dækker ét slutprodukt, dit eget eller én kundes. White label er tilladt: dit brand kan erstatte vores. Det er ikke tilladt at videresælge skabelonen eller dens kode alene, som skabelon, kit eller aktivpakke.

Se de 28 spilskabeloner og prøv demoerne

Fem tests af en klar skabelon

En skabelon er klar, når du kunne udgive den i dag med kun dit logo skiftet, og intet ville se ødelagt eller ufærdigt ud. I praksis handler det om fem tjek.

1. Det er et færdigt spil. Der er en startskærm, en indstillingsmenu, en slutstate og en vej tilbage. Tæl niveauerne eller tilstandene på produktsiden, og bekræft dem i demoen.
2. Den hostes som statiske filer. Hvis kravene nævner et serversprog, en database eller en konto hos sælgeren, er skabelonen ikke klar til en almindelig webhost.
3. Redigeringsfladen er dokumenteret. Manualen nævner filerne, der rummer titel, logo, farver, tekster og regler, og siger hvilke ændringer der kræver en ny build.
4. Begrænsningerne er skrevet ned. En god produktside lister, hvad udgaven ikke indeholder. Vores lister ting som online multiplayer, cloud-gemte spil, annonce-SDK'er og native apps.
5. Sprogene er angivet præcist. Grænsefladesprog, indholdssprog og indspillede stemmer er tre forskellige tal, og en klar skabelon fortæller dig alle tre.

Sådan vælger du en HTML5-spilskabelon efter brug

Genren betyder mindre end, hvor spillet skal leve. Start fra brugen, så bliver shortlisten hurtigt kort.

Dit eget website eller en virksomhedsside

Vælg et spil, dit publikum forstår på få sekunder, med fremskridt gemt i browseren og uden login. Arkadespil med ét tryk, såsom Trimora, eller et dagligt puslespil, såsom Gridspark, passer her.

En spilportal

Portaler har brug for volumen og variation, så kig på pakker og på, hvor mange grænsefladesprog hver udgave har. De fleste af vores udgaver lister 14. Plop!, Zabum og Letter River har tre, Aurora Words ti og Deepforge to. Ingen af vores udgaver leveres med en portal-SDK; integration er en separat ydelse, som vi giver tilbud på.

En app-indpakning

Hver udgave, vi sælger, lister native apps som ikke inkluderet. At pakke mappen game/ ind i et Android- eller iOS-skal er dit arbejde eller en ydelse, vi giver tilbud på, og butiksreglerne er dine at opfylde. Vælg et spil, der allerede håndterer touch og telefonskærme: Sunset Rally, Mochi Monsters og Pip Club lister touch-styring, og Barricade Z lister layout til både stående og liggende skærm.

En kiosk eller en eventskærm

Vores spil kører offline fra den downloadede mappe og virker på touchskærme, hvilket passer til en kiosk. Server mappen fra en lokal webserver: flere produktsider skriver, at åbning af index.html fra disken med file:// ikke understøttes. Vælg spil med korte sessioner og tydelig genstart, og test med præcis den skærm, du vil bruge.

Et brand eller en kampagne

Kig efter udgaver med en konfigurationsfil, du kan redigere uden en ny build. Tenguins config sætter titel, stien til logoet, accentfarve og standardsprog; Mochi Monsters' sætter titel, logo, startsprog og gemmenavn. Alt dybere, såsom ny kunst eller nye regler, går gennem kildekoden.

Køber du til et brand eller en kunde? Se mulighederne for virksomheder

Hvad du ændrer først, i denne rækkefølge

1. Titel og gemmenavn. Ret titlen i browseren og, hvis udgaven har det, navnerummet til gemte data (Barricade Z kalder det storagePrefix). Et nyt navnerum holder dine spilleres fremskridt adskilt fra enhver anden kopi af spillet på samme domæne.
2. Logo og accentfarve. I konfigurationsdrevne udgaver er det én fil; i andre, som Trimora, peger manualen på brand.ts og en ny build.
3. Tekster. Grænsefladestrenge ligger i sprogfiler, for eksempel src/locales.js i Gridspark eller js/lang/ i Ludo Cats.
4. Regler, niveauer og indhold. Ricopops 50 niveauer er tekstbaserede banekort; Letter Rivers ord og ledetråde er filer pr. sprog; Zabums spørgsmål er JSON. Tag en sikkerhedskopi først, og ændr én ting ad gangen.

Hvad du tjekker i demoen og manualen, før du betaler

Hver produktside har en live-demo af den udgave, du ville downloade. Ti fokuserede minutter der sparer timer senere.

• Åbn demoen på den langsomste telefon og den ældste bærbare, dine spillere sandsynligvis bruger. De 3D-spil (Velvet Pool, Puttide, Sunset Rally, Beep Out!, Twirldrop, Trimora) kræver WebGL2.
• Åbn indstillingsmenuen. Kig efter sprog, reduceret bevægelse, farveindstillinger og lydstyrke, alt det dit publikum har brug for.
• Gennemfør ét niveau, tab ét, og genindlæs siden. Fremskridtet skal stadig være der, gemt i browseren.
• Skift sprog og læs et par skærme. Tjek om stemmerne bliver på engelsk, mens teksten skifter.
• Find filkortet, kravet om ny build (for eksempel Node.js 22.12 eller nyere) og de tredjepartslicens-noter, du skal beholde, i manualen eller produktens FAQ.

Prøv Gridspark-demoen: ren JavaScript, intet build-trin

Tid til lancering: hvad gør den kort eller lang

Vi angiver ikke et antal dage, for den samme skabelon kan gå live samme eftermiddag eller kræve et sprint, afhængigt af hvad du ændrer. Det der afgør det, er forudsigeligt.

Den korte vej

Du ændrer kun det, konfigurationsfilen eller de simple filer dækker: titel, logo, farver, sprog, tekster. Du uploader game/ til en statisk host, tester på to enheder og udgiver. Udgaver uden build-trin overhovedet, såsom Velvet Pool, Puttide, Gridspark, Ricopop og Ludo Cats, bliver på denne vej, selv når du redigerer kode, fordi filerne du ændrer, er de filer, du hoster.

Den lange vej

Du ændrer kunst, regler eller niveauer i et TypeScript-projekt. Det betyder at installere den Node.js-version, manualen nævner, køre build og tests og erstatte hele den hostede mappe med det nye output. Læg mere til, hvis du har brug for ting, udgaverne ikke indeholder, såsom et annonce-SDK, en portal-SDK, online-ranglister eller en native app.

Vores katalog med HTML5-spilskabeloner efter genre

28 udgaver, listepriser i amerikanske dollar. Ét klarhedsfakta for hver; produktsiden har resten.

Puslespil (12)

• Brain Mischief, 5 USD: 30 scener med sidelæns tænkning, 14 sprog.
• Ninjolt, 19 USD: 30 swipe-stadier; en validator tjekker hver rute efter ændringer.
• Gridspark, 29 USD: blokpuslespil, ingen npm-installation og intet build-trin.
• Letter River, 29 USD: ord, ledetråde og vejledning på engelsk, portugisisk og spansk.
• Plop!, 35 USD: frugtsammenflytning med fysik, tre sprog.
• Beep Out!, 35 USD: 3D-parkering, 30 niveauer, niveauerne valideres med én kommando.
• Tenguin, 39 USD: talpar; titel, logo og farve i en konfigurationsfil.
• Mochi Monsters, 39 USD: farvesortering, 60 niveauer, logo sat i konfigurationen.
• Aurora Words, 39 USD: ordsøgning på ti sprog, ordlister i JSON.
• Solitaire Links, 49 USD: ordassociations-solitaire, tolv verdener.
• Bodoku, 59 USD, og Frogdoku, 59 USD: logikpuslespil med 180 niveauer hver.

Se Tenguin: omdøb fra én konfigurationsfil

Arkade (5)

• Trimora, 19 USD: 3D-stabling med ét tryk, én endeløs tilstand.
• Pinloop, 24 USD: timing med én knap, 30 mål og 12 baggrunde i brand.ts.
• Twirldrop, 29 USD: 3D-tårnfald, 30 tårne plus en endeløs tilstand.
• Ricopop, 39 USD: rikochet, 50 niveauer som redigerbare tekstkort, intet build-trin.
• Deepforge, 39 USD: sammenflytning og minedrift med fysik; grænseflade på engelsk og portugisisk.

Sport (4)

• Velvet Pool, 39 USD: 8-ball, vanilla JavaScript, intet build-trin.
• Puttide, 39 USD: 3D-minigolf, 30 huller, biblioteker medleveret.
• Sunset Rally, 39 USD: 3D-bordtennis, touch og mus.
• Golazo, 49 USD: bordfodbold, 50 landshold, regler i config.js.

Brætspil, strategi og kortspil (5)

• Barricade Z, 39 USD: sammenflytnings-tower defense, stående og liggende skærm.
• Pip Club, 49 USD: domino mod tre computermodstandere.
• Ludo Cats, 49 USD, og Ludo Space, 49 USD: Ludo for 2 til 4 spillere på én enhed eller mod computeren.
• Boba Club, 49 USD: Klondike-solitaire med 120 spil, der er verificeret som løselige.

Musik og quiz (2)

• Riffvolt, 49 USD: rytmespil med fire baner, 12 numre.
• Zabum, 49 USD: quiz med ca. 1.000 spørgsmål pr. sprog på tre sprog, kan installeres som PWA.

Se Ludo Cats: læsbar JavaScript, intet build-trin

Priser, pakker og support

Listepriserne går fra 5 USD (Brain Mischief) til 59 USD (Bodoku og Frogdoku). Indtil 30. november 2026 giver en Black Friday-kampagne 15 % rabat på alle skabeloner; fra 1. december går priserne tilbage til listepris.

Køber du flere skabeloner i én ordre, falder prisen pr. licens: 5 % rabat for to, 10 % for tre, 15 % for fire og 20 % for fem eller flere. Pakkerabatten gælder efter kampagnen, og kasseoversigten viser det endelige beløb, før du betaler.

Forlængelsen af supporten til 12 måneder koster 30 % af listeprisen, afrundet til en hel dollar (12 USD på en skabelon til 39 USD), og ingen rabat gælder for den. Support dækker installation og brug af filerne samt reproducerbare fejl. Tilpasning, hosting, SDK-integration og app-indpakning tilbydes separat.

Ofte stillede spørgsmål

Hvad er en spilskabelon?

Et færdigt spil, solgt med kildekoden og en licens til at udgive det som dit eget slutprodukt. Du ændrer brandet, teksterne og, hvis du vil, reglerne, og hoster det selv. Vores kører som statiske filer på en hvilken som helst webhost.

Er spilskabeloner gratis at bruge kommercielt?

Ikke gratis, men kommerciel brug er netop pointen. Vores licens dækker ét slutprodukt, dit eller en kundes, og spillerne må få adgang gratis eller med annoncer. Hvis du planlægger at tage betaling af spillerne, så spørg os skriftligt, før du køber.

Kan jeg lægge en spilskabelon i App Store eller Google Play?

Vores udgaver inkluderer ikke native apps, så det at pakke spillet ind er dit arbejde eller en ydelse, vi giver tilbud på, og du skal selv opfylde hver butiks regler. Tjek touch-understøttelse og telefonlayout i demoen først.

Hvordan ved jeg, at en skabelon virkelig er færdig?

Spil demoen til enden af et niveau, åbn alle menuer og læs listen over, hvad der ikke er med. Hvis sælgeren hverken har en demo eller en sådan liste, så behandl det som en startpakke.

Vælg én, og spil dens demo

Vælg brugen først, derefter to kandidatskabeloner. Kør demo-tjekkene på begge, skriv din ændringsliste og se, hvilken der kræver færrest builds. Den er klar til dig.

Åbn Polar Games Marketplace