Guide

Kildekode til HTML5-puslespill: hva du får og bør sjekke

Nivåer, dagens oppgave, TypeScript-kode og hosting for et ferdig logikkspill, med Frogdoku som eksempel.

Ribi, en frosk med grønn caps, står på et vannliljeblad ved siden av et rutenett av dammer, med én frosk i hver rad.

Gratis HTML5-spillkode er lett å finne. Ferdige, testede puslespill med ekte nivåer, en daglig oppgave og dokumentert kildekode er vanskeligere å finne, og det er nettopp det de fleste kjøpere mener når de leter etter kildekode de kan lansere.

Frogdoku er et logikkspill med én regel: plasser nøyaktig én frosk i hver rad, hver kolonne og hver fargede dam, uten at to frosker berører hverandre. Denne guiden viser hva du bør sjekke i enhver puslespillmal, med denne utgaven som eksempel.

Begynn med antall nivåer og modusene

Kjøperutgaven har 180 kampanjeoppgaver fordelt på seks strekninger av en bekk, en kalender med daglige oppgaver, modusene Endless og Relax, trofeer, angre og gjør om, og hjelpefunksjoner. Garderoben til Ribi er en belønning for fremgang.

Antall nivåer betyr mer enn coverbildet. En mal med 20 nivåer ligger nærmere en prototype, mens en med 180 ligger nærmere et ferdig spill. Spør selgeren hvordan nivåene ble laget og hvordan hvert av dem ble kontrollert, for en oppgave spilleren ikke kan løse, er den raskeste måten å miste spilleren på.

Hva kildekoden inneholder

Kildekoden er skrevet i TypeScript og leveres med tester og lisensmerknader for tredjeparter. Pakken oppgir JSON blant filene sine, og spillmappen er den ferdige versjonen for hosting, med grafikk, lyd og fonter lagret lokalt.

  • game/: den ferdige versjonen for hosting, med grafikk, lyd og fonter allerede lokalt.
  • TypeScript-koden og testene: delen du leser og redigerer.
  • Vite: valgfritt, og bare nødvendig hvis du bygger på nytt fra TypeScript-koden.

En sjekk på 15 minutter før du kjøper

Du kan vurdere en puslespillmal på en kort økt. Spill den første strekningen på mobil og så på en bærbar PC, og noter hvor et trykk eller et dra føles tregt eller uklart. Angre det siste trekket flere ganger, og sjekk at brettet går tilbake til forrige tilstand hver gang.

Åpne deretter kildekoden og les navnene på testene. Se etter tester som er oppkalt etter reglene i oppgaven. En regel med en test håndheves i koden, ikke bare på skjermen.

Hosting: bare statiske filer

Som de andre malene i denne guiden krever kjøperutgaven en oppdatert nettleser med støtte for JavaScript og lyd, og statisk HTTP(S)-hosting. Den trenger verken database eller konto hos utvikleren.

Last opp innholdet i game/ til mappen der puslespillet skal ligge. Du trenger bare å bygge på nytt hvis du endrer TypeScript-koden.

Se Frogdoku-siden med innhold og lisens

Hva prisen ikke dekker

Frogdoku har ikke lagring i skyen, rangering på nett, kjøp med ekte penger eller SDK for annonser, og vanlig spilling sender ingen forespørsler til slike tjenester. Fremgangen lagres i nettleseren som brukes.

Native apper, hosting og tilpasset utvikling er ikke inkludert. Den daglige oppgaven er en del av en kalender og trenger ingen rangering på nett for å kunne spilles.

Vanlige spørsmål

Må jeg bygge spillet selv?

Nei. Last opp innholdet i game/ til HTTP(S)-hosting. Du trenger bare å bygge på nytt hvis du redigerer TypeScript-koden.

Hvor lagres fremgangen?

Lokalt, i nettleseren som brukes.

Trenger den daglige oppgaven en rangering på nett?

Nei. De daglige oppgavene kan spilles uten, og fremgangen lagres i spillerens nettleser.

Hvilken lisens gjelder?

Vilkårene for Polar Games Marketplace som vises i kassen, gjelder.

Der en puslespillmal gjør nytten

Et puslespill som dette passer for et læringsnettsted, en fast daglig oppgave på en blogg eller et studio som vil tilpasse et ferdig logikkspill. Det passer dårlig for et prosjekt som trenger rangerte kamper eller brukerkontoer, fordi det ligger utenfor denne utgaven.