Släpp ditt spel · Del 4 av 8 · 45 min

Publicera spelet på webben

Lägg spelet på en adress så att vem som helst kan spela det i webbläsaren.

Det här är det enklaste sättet att låta andra spela. Ingen behöver installera något. Du skickar en länk, och de spelar.

Lärandemål

  • Du kan bygga en färdig webbversion av spelet
  • Du kan publicera spelet på en webbadress
  • Du vet hur du provar att det fungerar för någon annan

Från localhost till en riktig adress

Hittills har spelet körts på localhost, alltså bara på din dator. För att andra ska kunna spela behöver det ligga på en server som alltid är igång.

ToyTorque ligger i en egen mapp på min webbplats, under criteroconsulting.se/spel. Du behöver inte ha en egen webbplats. Det finns tjänster som gör det gratis.

Steg 1: bygg en färdig version

Det du har kört hittills är en utvecklingsversion. Nu behövs en färdig version, en mapp med filer som vilken webbserver som helst kan visa.

Bygg en färdig webbversion av spelet. Se till att den fungerar även om den ligger i en undermapp
på en webbplats och inte bara på localhost. Förklara var filerna hamnar.

Det sista är viktigt. ToyTorque byggs så att spelet hittar sina filer oavsett vilken mapp det ligger i. Annars visas bara en tom sida när det har flyttats.

Steg 2: välj var spelet ska ligga

Det enklaste för de flesta är GitHub Pages. Det är gratis för öppna projekt, och ditt spel ligger redan på GitHub om du har gjort sparpunkter och skickat upp dem.

Jag vill publicera spelet på GitHub Pages. Hjälp mig steg för steg och se till att spelet
publiceras om automatiskt varje gång jag skickar upp en ny version.

Andra tjänster fungerar lika bra, till exempel Vercel eller Netlify. Har du redan ett webbhotell kan du lägga mappen där.

Steg 3: prova som någon annan

Öppna adressen i en annan webbläsare, i ett privat fönster och gärna på en annan dator eller i mobilen.

Fungerar styrningen? Syns allt? Laddar det tillräckligt snabbt?

Om spelet bara styrs med tangentbordet, skriv det tydligt på startsidan. Den som öppnar länken i mobilen ska förstå varför inget händer.

Lägg till en kort instruktion på spelets startsida om vilka tangenter som används.
Om någon öppnar spelet i en mobil, visa ett meddelande om att spelet är gjort för dator.

Spelarnas sparade framsteg

Sparar ditt spel bästa tider eller upplåsta banor? Då ligger de i spelarens webbläsare.

Här är en sak jag har lärt mig: byt aldrig namn på det som framstegen sparas under. Gör du det försvinner allt spelarna har sparat. Be Claude skriva in det som en regel i CLAUDE.md.

Din uppgift, cirka 30 minuter

  1. Be Claude bygga en färdig webbversion.
  2. Publicera spelet på GitHub Pages eller en annan tjänst.
  3. Prova adressen i ett privat fönster och på en annan enhet.
  4. Skicka länken till någon och be dem spela utan att du förklarar.

Du är klar när någon annan har spelat ditt spel via en länk.

Kom ihåg

Webben är det enklaste sättet att släppa ett spel. Bygg en färdig version som fungerar i en undermapp, publicera den, och prova alltid adressen som om du vore någon annan.

Testa vad du lärt dig
1. Vad är skillnaden mellan localhost och en publicerad adress?
2. Varför är det viktigt att spelet fungerar i en undermapp?
3. Vad händer om du byter namn på det som spelarnas framsteg sparas under?