Hur man prototypar ett 3D-spel på en helg med AI-färdigheter

Skicka en spelbar 3D-spelprototyp på 48 timmar. Arbetsflödet från fredag till söndag med hjälp av AI-färdigheter, Three.js och Vibe Skills - för indieskapare och hobbyister.

3D GamesIndie Game DevThree.jsVibe CodingVibe Skills
Sarah Mitchell
Sarah Mitchell
Creator editorial lead
10,620
Hur man prototypar ett 3D-spel på en helg med AI-färdigheter - Vibe Skills preview
Vibe Skills
Vibe Skills

Bläddra bland hundratals färdiga färdigheter för Claude, Cursor och mer.

Hur man prototypar ett 3D-spel på en helg: Arbetsflödet fredag till söndag

Du kan lansera en spelbar 3D-spelprototyp på itch.io mellan fredag kväll och söndag kväll. Game jams har bevisat detta i över tjugo år. AI-förmågor komprimerar nu arbetsflödet ännu mer: fredag är koncept och omfattning, lördag är byggnation, söndag är polering och lansering. Ingen motoröverbelastning, inget team, ingen månader lång färdplan.

Detta är inget pepptal. Ludum Dare körs var fjärde månad och levererar konsekvent 2 000 - 3 000 färdiga spel på 48 - 72 timmar. Formatet fungerar eftersom begränsning tvingar fram lansering. AI-förmågor ger dig samma begränsning med en snabbare uppstart - standardkoden, tillgångsmallar och spelupprepningen kommer förbyggda så att helgen går till de delar som faktiskt känns som ett spel.

Denna guide är för indieutvecklare, designstudenter och hobbyister som vill ha en spelbar sak till söndag kväll. Vi täcker 48-timmarsbyggandets anatomi, fem AI-spelprototypförmågor på Vibe Skills och fredag-till-söndag-arbetsflödet som passar in på en helg.


Hur man prototypar ett 3D-spel på en helg med AI-färdigheter - Vibe Skills preview
Vibe Skills
Vibe Skills

Bläddra bland hundratals färdiga färdigheter för Claude, Cursor och mer.

Varför helger är tillräckligt med tid för att lansera en spelbar prototyp

Game jams har bevisat 48-timmarsbyggandet i två decennier. Ludum Dare startade 2002 och körs nu tre gånger om året med 2 000+ bidrag per omgång. GMTK Game Jam drar 8 000+ bidrag under en enda helg. itch.io är värd för tusentals jam-sidor varje år, och de flesta jam-spel lanseras på 48 - 72 timmar från noll.

Formatet fungerar tack vare tre tvingande funktioner:

  • Omfattningen fastställs innan kodningen börjar. Jam-teman förhindrar funktionskrypning.
  • Offentlig deadline. Fredag till söndag betyder att det inte finns något "jag polerar det nästa vecka".
  • Webbläsarförst leverans. itch.io och Newgrounds levererar till en webblänklänk, inte en installationsfil.

Det som förändrades 2026 är uppstarten. AI-förmågor skär bort standardkoden som brukade ta 8 - 10 timmar av ett jam:

  • Three.js sceninställning, ljussättning, kameramontering
  • Spelarkontroll (tangentbord, mus, handkontroll)
  • Fysik (strålkastning, kollisionsdetektering, grundläggande AABB)
  • Tillgångsplatshållare (lågpolykaraktär, miljörekvisita, himmelbox)
  • Byggpipeline som exporterar en spelbar HTML-byggnation

Detta inställningsarbete är nu ett 30-minuters steg. Resten av helgen går till design, nivåbyggande och känsla.


Hur man prototypar ett 3D-spel på en helg med AI-färdigheter - Vibe Skills preview
Vibe Skills
Vibe Skills

Bläddra bland hundratals färdiga färdigheter för Claude, Cursor och mer.

48-timmarsbyggandets anatomi

Varje helgprototyp som lanseras följer ungefär samma fyra faser. Hoppa över en fas och byggnationen når inte itch.io. Lägg för mycket tid på en fas och poleringsfasen försvinner.

FasTidsblockVad du görVad du lanserar vid slutet av fasen
Fas 1: OmfattningFredag 18:00 - 22:00Välj genre, skriv 1-sidigt designunderlag, bestäm kärnloop, välj AI-förmågaDesignunderlag + vald förmåga
Fas 2: ByggnationLördag 09:00 - 20:00Generera standardkod, bygg kärnmekaniken, lägg till 1 - 2 nivåer, koppla inmatningSpelbar byggnation med vinst/förlust-tillstånd
Fas 3: PoleringSöndag 10:00 - 16:00Ljud, "juice", handledningsruta, balans, buggrensningByggnation som inte kraschar de första 60 sekunderna
Fas 4: LanseringSöndag 16:00 - 20:00Exportera, skriv itch.io-sida, spela in GIF, posta på sociala medierOffentlig itch.io-sida med en fungerande webbbyggnation

Fyrfasstrukturen ger marginal för de saker som alltid går fel: ett trasigt fysikgränsfall, en förhäxad tillgångsimportering, en byggnation som körs lokalt men kraschar i WebGL. Planera för buggarna.


Hur "Vibe Coding" ett spel faktiskt ser ut

"Vibe coding" är arbetsflödet för att bygga mjukvara genom att beskriva vad du vill och låta AI generera koden, sedan iterera på resultatet. För spel fungerar det eftersom det mesta av kodbasen är "rördragning". De roliga delarna - känsla, nivådesign, ljud, konstnärlig riktning - förblir mänskliga, men standardkoden genereras.

Ett "vibe-kodat" helgspel ser ut så här: du skriver designunderlaget på vanlig engelska i en Cursor- eller Claude-flik, installerar en Vibe Skills 3D-spel-förmåga som levereras med Three.js-ramverk, ber AI:n att lägga till den genrespecifika mekaniken och sedan finjusterar du känslan - hopphöjd, kamerakontroll, partikelintensitet. AI:n gör skrivandet. Du gör designen. Denna uppdelning är det som gör en helgprototyp möjlig för någon som inte är en erfaren ingenjör.


5 AI-spelprototypförmågor på Vibe Skills

Dessa förmågor är byggda för att komprimera standardkodfasen av en helgprototyp. Alla finns i kategorin 3D-spel på Vibe Skills och levereras med Three.js-ramverk, en fungerande byggpipeline och en itch.io-klar export.

1. Three.js Spel-ramverk

Startpunkten för nästan alla 3D-helgprototyper. Genererar en Three.js-scen med en spelarkontroll, tredjepersonkamera, grundläggande ljussättning, en himmelbox och ett markplan med kollisioner. Resultatet är ett Vite-projekt som du kan köra pnpm dev på 30 sekunder och en pnpm build som producerar en itch.io-klar HTML-bunt.

Bäst för: alla genrer utom ren 2D. Använd detta som ditt projekt för dag noll.

2. Förstapersonspromenad-förmåga

Genererar en polerad förstapersonkontroll (WASD + muspekning + gravitation + sprint + hopp) med krokar för fotstegsljud och huvudgungning. Lägg till din egen nivåmesh ovanpå och du har en promenadsimulator, skräckprototyp eller ett museispel till lördag lunch.

Bäst för: promenadsimulatorer, skräck, utforskningsprototyper, narrativa spel.

3. Top-down Arena Shooter Kit

Genererar en top-down kamera, twin-stick-kontroll (tangentbord eller handkontroll), våggenerator, grundläggande fiende-AI, projektilsystem och en poäng-HUD. Shooter-loopen är en känd bra spelgrund - byt ut konsten och spawnmönstret så har du ett helt nytt spel.

Bäst för: arkadskyttar, bullet hell, twin-stick-action.

4. 3D Pusselplattforms-skelett

Genererar en tredjeperson plattforms-kontroll (variabelt hopp, coyote time, avsatserdetektering), ett checkpoint-system och en nivåmall med tre stub-nivåer som du kan redigera i Blender eller direkt i kod. Inkluderar en död/återupplivnings-loop och en nivåkompletteringstrigger.

Bäst för: pusselplattformare, parkourprototyper, speedrun-vänliga indie-spel.

5. Drivnings-sandbox för webbläsare

Genererar en arkadliknande körkänsla (accelerationskurva, driftfysik, kamerakontroll, grundläggande terräng) plus en lågpoly-bil som du kan färglägga om på 10 sekunder. Lägg till en ban-mesh och du har en racingprototyp till lördag middag.

Bäst för: arkadracing, off-road-körning, trafiksimulatorer, test av bilkänsla.

Bläddra bland alla 3D-spel-förmågor på Vibe Skills →


Fredag-till-söndag-arbetsflödet

Detta är det exakta schemat som passar en helg. Justera starttiden men behåll fasordningen.

Fredag 18:00 - 22:00: Omfattning och inställning

Steg 1: Välj en Vibe Skills spelprototyp-förmåga. Bläddra i kategorin 3D-spel och välj den förmåga som matchar genren du vill bygga. Om du inte vet än, välj Three.js Spel-ramverk - den anpassar sig till allt.

Steg 2: Skriv ett en-sidigt designunderlag. Öppna ett nytt dokument och svara på dessa fem frågor på vanlig engelska. Hoppa inte över någon av dem.

  • Vad gör spelaren var 5:e sekund? (kärnloopen)
  • Vad är vinstvillkoret? Vad är förlustvillkoret?
  • Hur många nivåer eller hur lång är en omgång?
  • Vad är det visuella dragplåstret? (ljussättning, färgpalett, stilreferens)
  • Vad är den enda funktionen som gör detta spel minnesvärt på 30 sekunders spel?

Steg 3: Installera förmågan och kör standardkoden. Få en fungerande byggnation igång lokalt. Du bör se en spelarkaraktär röra sig i en Three.js-scen före midnatt. Om du inte gör det, minska omfattningen - byt genre, förenkla kameran, eller välj en mindre förmåga.

Lördag 09:00 - 13:00: Bygg kärnmekaniken

Steg 4: Ersätt platshållarmekaniken med din enda funktion. Detta är den enda funktionen som spelar roll. Om ditt spel är "förstapersonfiske i en hemsökt sjö", är dagens förmiddag bara fiskekastlogik och vatten-shader-känsla. Inget annat.

Steg 5: Få vinst/förlust-tillståndet att fungera. En 60-sekunders prototyp med en vinstskärm känns som ett spel. En 60-minuters prototyp utan slut-tillstånd känns som en teknisk demo. Lansera alltid slut-tillståndet först.

Lördag 13:00 - 20:00: Lägg till innehåll och nivåer

Steg 6: Bygg en fullt spelbar nivå eller omgång. Inte tre halvfärdiga nivåer - en polerad. Använd platshållarkuber för geometri. Använd förmågans platshållarkaraktär. Finjustera känslan.

Steg 7: Lägg till en handledningsruta. En två-menings "WASD för att röra dig, klicka för att fiska" överlägg vid första starten räddar din itch.io-sida från förvirrade spelare som ger upp på 8 sekunder.

Söndag 10:00 - 16:00: Polering

Steg 8: Lägg till ljud. Till och med tre ljud (fotsteg, ambient loop, vinst-signal) lyfter en prototyp dramatiskt. Gratis källor: freesound.org, opengameart.org, AI-genererade foley-appar på inference.sh.

Steg 9: Lägg till "juice". Partikel vid träff, skärmskakning vid påverkan, ett nummer som dyker upp vid poäng. "Juice" är vad som får en 48-timmars prototyp att se ut som en 6-månaders i en GIF.

Steg 10: Buggrensning. Spela din byggnation fem gånger i rad. Åtgärda allt som går sönder två gånger. Ignorera allt som går sönder en gång.

Söndag 16:00 - 20:00: Lansering

Steg 11: Bygg produktionsbuntet. pnpm build i förmågans projekt. Testa produktionsbyggnationen i en ny webbläsarflik.

Steg 12: Skapa en itch.io-sida. Titel, en-rads slogan, tre skärmdumpar, en GIF, kontroller, tack. Hela sidan bör ta 45 minuter om du har tillgångarna redo.

Steg 13: Posta länken. Twitter, Bluesky, din utvecklargemenskap Discord, relevant subreddit. Använd GIF:en som förhandsvisning, inte skärmdumpen. Utvecklarloggar som inkluderar namnet på AI-förmågan (och en länk till den) tenderar att få fler klick.


Vad du ska göra när du träffar lördagsväggen

De flesta helgprototyper dör på lördag eftermiddag. Mekaniken är svårare än den såg ut, fysiken är konstig, och du börjar ifrågasätta om spelet är roligt. Detta är väggen. Varje jam-utvecklare träffar den.

De tre räddningsmanövrarna:

  • Skär bort en funktion. Om boss-striden krånglar, skär bort bossen. Om multiplayer är trasigt, lansera enspelarläget. Den lanserade prototypen slår alltid den ofullständiga ambitiösa.
  • Byt till platshållarkonst. Om du spenderar lördag i Blender, sluta. Använd kuber och kapslar. Polering vinner prototyper; tillgångar vinner uppdateringar efter jam.
  • Läs designunderlaget igen. Vad var den enda funktionen som betydde något? Tillbringa resten av lördagen bara med den.

Förmågans platshållartillgångar är tillräckligt bra för att lanseras. Spelare kommer att bedöma känsla, "juice" och loopen. De kommer inte att bedöma stenrekvisitan i bakgrunden.


Var man kan hosta och hur man delar

itch.io är standarden för webbläsarspelprototyper, punkt slut. Gratis hosting, ingen granskningskö, inbäddningar fungerar överallt, och publiken förväntar sig råa helgbyggnationer. Newgrounds är ett bra sekundärt ställe att posta om ditt spel har en komedi- eller arkadvinkel.

För synlighet:

  • Anmäl dig till ett riktigt game jam om din helg överlappar med ett (Ludum Dare, GMTK, js13k för storleksbegränsade byggnationer, GitHub Game Off i november). Även utanför ett officiellt jam får du uppmärksamhet genom att posta på en sidamed jam-tema.
  • Korsposta en 15-sekunders GIF till Twitter, Bluesky och r/IndieDev / r/IndieGaming med itch.io-länken.
  • Lägg till ett utvecklarlogginlägg på din itch.io-sida - ett stycke om vilken AI-förmåga du använde och vad som förändrades under helgen.

De första 100 spelen kommer oftast från dina egna sociala konton och ett väl taggat Reddit-inlägg. Efter det tar itch.io:s "Nytt" och "Populärt"-sidor över.


Vanliga frågor

Kan jag verkligen bygga ett 3D-spel på 48 timmar utan någon spelutvecklingserfarenhet?

Ja för en prototyp, nej för ett polerat spel. En helg ger dig en enda spelbar mekanik med ett vinst/förlust-tillstånd, en nivå och en itch.io-sida. Det räcker för att validera idén, bygga en portföljbit och bestämma om den förtjänar en längre byggnation. AI-förmågor på Vibe Skills hanterar standardkoden så att helgen går till design, inte inställning.

Ska jag solo eller bygga med ett team för en helgprototyp?

Solo för din första. Team för din andra. Solo-prototyper lanseras oftare eftersom det inte finns några samordningskostnader. När du känner din egen takt är ett team på 2 (en design + kod, en konst + ljud) den optimala punkten för en helg. Team på 4+ lanseras oftast inte på 48 timmar.

Behöver jag kunna Three.js eller en spelmotor innan jag börjar?

Du behöver kunna tillräckligt med JavaScript för att läsa vad AI:n genererar och finjustera värden. Du behöver inte skriva Three.js från grunden. Vibe Skills 3D-spelprototyp-förmågor genererar motorinställningen; du skriver själva spelet. Om du kan redigera React eller vanlig JS, kan du lansera en Three.js-prototyp på en helg.

Hur tjänar jag pengar på en helgprototyp?

Det gör du oftast inte. Den första prototypen är för portfölj, validering och inlärning. När en prototyp får fäste (10 000+ spel på itch.io är en bra signal), är de typiska vägarna till monetarisering: betala vad du vill på itch, en Steam Early Access-byggnation, eller en annonsstödd webbversion på portaler som CrazyGames. För helgbyggnationer, fokusera på lansering och utvecklarlogginnehåll - intäkter är ett problem för månad 3.

Vad händer om mitt spel kraschar när jag laddar upp det till itch.io?

Testa produktionsbyggnationen innan du laddar upp. De flesta helgprototyper kraschar i produktion på grund av tillgångsstigar eller inställningar för WebGL-kontext - båda kan åtgärdas på 5 minuter om du upptäcker dem lokalt. Byggpipelinen som levereras med förmågor på Vibe Skills är konfigurerad för itch.io:s HTML5-hosting direkt ur lådan, vilket eliminerar de flesta av dessa problem.

Kan jag sälja eller modifiera koden från en Vibe Skills spel-förmåga?

Ja. Förmågor på Vibe Skills levereras med en kommersiellt vänlig licens som låter dig lansera koden i ditt eget släppta spel på itch.io, Steam eller var som helst annars. Skapare behåller IP för sin förmåga; du behåller IP för ditt spel byggt ovanpå den.


Lansera prototypen denna helg

Den största anledningen till att helgprototyper inte lanseras är inte val av förmåga eller motor. Det är fredagskvällen då du "forskar lite mer" och aldrig börjar. Nästa lediga helg du har, följ fyrfasplanen: omfattning fredag, bygg lördag morgon, innehåll lördag eftermiddag, polering och lansering söndag. Använd en 3D-spelprototyp-förmåga så att standardkoden är klar innan du gör kaffe på lördagen.

Portföljen av dina första tio helgprototyper är värd mer än ditt hypotetiska sexmånaders drömspel. Lansera de små först.

Bläddra bland 3D-spelprototyp-förmågor på Vibe Skills →


Hoppa över Three.js standardkod-maraton. Installera en 3D-spelprototyp-förmåga på Vibe Skills och lansera en spelbar byggnation före söndag kväll.

Hur man prototypar ett 3D-spel på en helg med AI-färdigheter - Vibe Skills preview
Vibe Skills
Vibe Skills

Bläddra bland hundratals färdiga färdigheter för Claude, Cursor och mer.