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

Leverera en spelbar 3D-spelprototyp på 48 timmar. Arbetsflödet fredag till söndag med hjälp av AI-färdigheter, Three.js och Vibe Skills - för indieutvecklare 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

Vinjari mamia ya ujuzi tayari-umetengenezwa kwa Claude, Cursor, na zaidi.

Hur man prototypar ett 3D-spel på en helg: Arbetsflödet fredag-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ärdigheter komprimerar nu arbetsflödet ännu mer: fredag är koncept och omfattning, lördag är byggande, söndag är finslipning och lansering. Ingen motoruppblåsthet, inget team, ingen månader lång färdplan.

Det här är inte ett pepptalk. 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 leverans. AI-färdigheter ger dig samma begränsning med en snabbare upprampning - mallen, tillgångsplaceringarna och spelmekaniken kommer förbyggda så att helgen går till delarna som faktiskt känns som ett spel.

Den här guiden är för indie-utvecklare, designstudenter och hobbyister som vill ha en spelbar sak på söndag kväll. Vi täcker 48-timmars byggandets anatomi, fem AI-färdigheter för spelprototyper på Vibe Skills, och arbetsflödet fredag-söndag 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

Vinjari mamia ya ujuzi tayari-umetengenezwa kwa Claude, Cursor, na zaidi.

Varför helger räcker för att lansera en spelbar prototyp

Game jams har bevisat 48-timmars byggandet i två decennier. Ludum Dare startade 2002 och körs nu tre gånger om året med över 2 000 bidrag per omgång. GMTK Game Jam drar över 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 på grund av tre påtvingande funktioner:

  • Omfattningen fastställs innan kodning påbörjas. Jam-teman förhindrar funktionskrypning.
  • Offentlig inlämningsdeadline. Fredag till söndag betyder att det inte finns något "jag ska finslipa det nästa vecka".
  • Webbläsaren först-leverans. itch.io och Newgrounds levererar till en webblänkslink, inte en installationsprogram.

Vad som förändrades 2026 är upprampningen. AI-färdigheter kapar bort mallar som tidigare åt upp 8 - 10 timmar av ett jam:

  • Three.js sceninställning, belysning, kamerainställning
  • Spelarkontroll (tangentbord, mus, gamepad)
  • Fysik (strålkastare, kolliderare, grundläggande AABB)
  • Tillgångsplaceringar (lågpolygonkaraktär, miljörekvisita, himmel)
  • Bygg-pipeline som exporterar en spelbar HTML-byggnad

Det installationsarbetet är nu ett 30-minuterssteg. 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

Vinjari mamia ya ujuzi tayari-umetengenezwa kwa Claude, Cursor, na zaidi.

Anatomin för en 48-timmars byggnation

Varje helgprototyp som lanseras följer ungefär samma fyra faser. Om du hoppar över en fas, hinner inte byggnationen till itch.io. Om du spenderar för lång tid på en fas, äts finslipningsfasen upp.

FasTidsperiodVad du görVad du lanserar i slutet av fasen
Fas 1: OmfattningFredag 18:00 - 22:00Välj genre, skriv 1-sidigt design-dokument, bestäm kärnloopen, välj AI-färdighetDesign-dokument + vald färdighet
Fas 2: ByggLördag 09:00 - 20:00Generera mallkod, bygg kärnmekaniken, lägg till 1 - 2 nivåer, koppla inmatningSpelbar byggnation med ett vinn/förlora-tillstånd
Fas 3: FinslipningSöndag 10:00 - 16:00Ljud, juicing, handledningsfönster, balans, buggkontrollByggnation 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 webbbyggnad

Fyrfasstrukturen ger marginal för de saker som alltid går fel: ett brutet fysikfall, en förhexd 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 att bygga mjukvara genom att beskriva vad du vill och låta AI generera koden, och 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 mallkoden genereras.

Ett vibe-kodat helgspel ser ut så här: du skriver design-dokumentet på vanlig engelska i en Cursor- eller Claude-flik, installerar en Vibe Skills 3D-spelfärdighet som levereras med Three.js-skelett, ber AI:n att lägga till den genrespecifika mekaniken, och sedan finjusterar du känslan - hopphöjd, kamerarörelse, partikelintensitet. AI:n gör skrivandet. Du gör designen. Den uppdelningen är vad som gör en helgprototyp möjlig för någon som inte är en erfaren utvecklare.


5 AI-färdigheter för spelprototyper på Vibe Skills

Dessa färdigheter är byggda för att komprimera mallfasen av en helgprototyp. Alla finns i kategorin 3D-spel på Vibe Skills och levereras med Three.js-skelett, en fungerande bygg-pipeline och en itch.io-redo export.

1. Three.js Game Scaffolder

Utgångspunkten för nästan alla 3D-prototyper på helgerna. Genererar en Three.js-scen med en spelarkontroll, tredjepersonkamera, grundläggande belysning, en himmel och en markplan med kollisioner. Utdata är ett Vite-projekt du kan köra pnpm dev på 30 sekunder och en pnpm build som ger en itch.io-redo HTML-bundle.

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

2. First-Person Walker Skill

Genererar en polerad förstapersonkontroll (WASD + musstyrning + gravitation + sprint + hopp) med fotstegsljudskrokar och huvudgungning. Lägg din egen nivåmesh ovanpå och du har en promenadsimulator, skräckprototyp eller museispel till lunch på lördagen.

Bäst för: promenadsimulatorer, skräck, utforskningsprototyper, berättelsespel.

3. Top-Down Arena Shooter Kit

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

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

4. 3D Puzzle Platformer Skeleton

Genererar en tredjeperson plattformsspelkontroll (variabelt hopp, coyote-tid, avsatsdetektering), ett checkpoint-system och en nivåmall med tre stub-nivåer du kan redigera i Blender eller direkt i kod. Innehåller en död/återupplivningsloop och en nivåavslutande trigger.

Bäst för: pusselplattformsspel, parkour-prototyper, hastighetsoptimerade indiespel.

5. Browser Driving Sandbox

Genererar en arkadkörningskänsla (accelerationskurva, driftfysik, kamerarörelse, grundläggande terräng) plus en lågpolygonbil du kan färga om på 10 sekunder. Lägg en ban-mesh och du har en racingsprototyp till lördag middag.

Bäst för: arkadracing, terrängkörning, trafiksimulatorer, tester av bilkänsla.

Bläddra bland alla 3D-spelfärdigheter på Vibe Skills →


Arbetsflödet fredag-söndag

Det här är det exakta schemat som passar in på en helg. Justera starttiden men behåll fasordningen.

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

Steg 1: Välj en Vibe Skills-färdighet för spelprototyper. Bläddra i kategorin 3D-spel och välj den färdighet som matchar den genre du vill bygga. Om du inte vet än, välj standardmässigt Three.js Game Scaffolder - den anpassar sig till allt.

Steg 2: Skriv ett design-dokument på en sida. Ö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 spelomgång?
  • Vad är den visuella kroken? (belysning, färgpalett, stilreferens)
  • Vad är den enda funktionen som gör det här spelet minnesvärt på 30 sekunders spel?

Steg 3: Installera färdigheten och kör mallkoden. 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ärdighet.

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

Steg 4: Ersätt plats-hållar-mekaniken med din enda funktion. Det här ä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 slutläge känns som en teknikdemo. Lansera alltid slutläget först.

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

Steg 6: Bygg en fullt spelbar nivå eller spelomgång. Inte tre halvdana nivåer - en polerad. Använd plats-hållar-kuber för geometri. Använd färdighetens plats-hållar-karaktär. Finjustera känslan.

Steg 7: Lägg till en handledningsruta. En två-raders "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: Finslipning

Steg 8: Lägg till ljud. Även tre ljud (fotsteg, omgivningsloop, vinstsignal) lyfter en prototyp dramatiskt. Gratis källor: freesound.org, opengameart.org, de AI-genererade foley-apparna på inference.sh.

Steg 9: Lägg till juicing. Partiklar vid träff, skärmskakning vid påverkan, en nummer-popup vid poäng. Juicing är det som gör att en 48-timmars prototyp ser ut som en 6-månaders i en GIF.

Steg 10: Buggkontroll. Spela din byggnation fem gånger i rad. Fixa 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 produktionspaketet. pnpm build i färdighetens projekt. Testa produktionsbyggnationen i en ny webbläsarflik.

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

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


Vad du ska göra när du når lördagens vägg

De flesta helgprototyper dör på lördag eftermiddag. Mekaniken är svårare än den verkade, fysiken är konstig, och du börjar ifrågasätta om spelet är roligt. Det här är väggen. Alla jam-utvecklare når den.

De tre räddningsmanövrarna:

  • Stryk en funktion. Om boss-striden är ett problem, stryk bossen. Om multiplayer är trasigt, lansera single-player. Den lanserade prototypen slår alltid den oavslutade ambitiösa.
  • Byt till plats-hållar-konst. Om du spenderar lördagen i Blender, sluta. Använd kuber och kapslar. Finslipning vinner prototyper; tillgångar vinner uppdateringar efter jam.
  • Läs design-dokumentet igen. Vad var den enda funktionen som var viktig? Spendera resten av lördagen bara på den.

Färdighetens plats-hållar-tillgångar är tillräckligt bra för att lansera. Spelare kommer att bedöma känsla, juicing och loopen. De kommer inte att bedöma sten-rekvisitan i bakgrunden.


Var man hostar och hur man delar

itch.io är standarden för webbläsarspels-prototyper, punkt slut. Gratis hosting, ingen granskningskö, inbäddningar fungerar överallt, och publiken förväntar sig råa helgbyggen. Newgrounds är ett bra sekundärt inlägg om ditt spel har en komisk eller arkad-vinkel.

För synlighet:

  • Skicka in till en riktig game jam om din helg överlappar en (Ludum Dare, GMTK, js13k för storleksbegränsade byggen, GitHub Game Off i november). Även utanför en officiell jam får publicering på en jam-tema-sida ögon.
  • Korsposta en 15-sekunders GIF till Twitter, Bluesky och r/IndieDev / r/IndieGaming med itch.io-länken.
  • Lägg till ett utvecklingslogg-inlägg på din itch.io-sida - ett stycke om vilken AI-färdighet 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 "Ny" och "Populära"-sidor över.


Vanliga frågor

Kan jag verkligen bygga ett 3D-spel på 48 timmar utan erfarenhet av spelutveckling?

Ja för en prototyp, nej för ett polerat spel. En helg ger dig en enskild spelbar mekanik med vinst/förlust-tillstånd, en nivå, och en itch.io-sida. Det räcker för att validera idén, bygga ett portföljstycke, och bestämma om det förtjänar en längre byggnad. AI-färdigheter på Vibe Skills hanterar mallkoden så att helgen går till design, inte installation.

Ska jag köra 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ågon koordinationskostnad. När du väl känner din egen takt, är ett team på 2 (en design + kod, en konst + ljud) den optimala balansen för en helg. Team på 4+ levererar 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-spels-prototypfärdigheter genererar motor-inställningen; du skriver 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?

Vanligtvis inte. Den första prototypen är för portfölj, validering och lärande. När en prototyp får dragkraft (10k+ spel på itch.io är en bra signal), är de typiska intäktsvägarna: betala vad du vill på itch, en Steam Early Access-byggnad, eller en annonsstödd webbversion på portaler som CrazyGames. För helgbyggen, fokusera på lansering och utvecklingslogg-innehå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 produktionsbyggnaden innan du laddar upp den. De flesta helgprototyper kraschar i produktion på grund av tillgångsstigar eller WebGL-kontextinställningar - båda fixbara på 5 minuter om du upptäcker dem lokalt. Bygg-pipelinen som levereras med färdigheter 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 game skill?

Ja. Färdigheter 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ärdighet; du behåller IP för ditt spel som byggts ovanpå den.


Lansera prototypen den här helgen

Den största anledningen till att helgprototyper inte lanseras är inte skicklighet eller motorval. 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, finslipa och lansera söndag. Använd en 3D-spels-prototypfärdighet så att mallkoden ä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-spels-prototypfärdigheter på Vibe Skills →


Skippa Three.js-mallmaratonet. Installera en 3D-spels-prototypfärdighet på Vibe Skills och lansera en spelbar byggnation till söndag kväll.

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

Vinjari mamia ya ujuzi tayari-umetengenezwa kwa Claude, Cursor, na zaidi.