Hoe in it wykein in 3D-spultsje te protten meitsjen mei help fan keunstmjittige yntelliginsje feardichheden

Skip in 48 oeren in spylbere 3D-spulprototype. De wurkwize fan freed oant snein mei help fan AI-feardichheden, Three.js, en Vibe Skills - foar yndie-devs en hobbyisten.

3D GamesIndie Game DevThree.jsVibe CodingVibe Skills
Sarah Mitchell
Sarah Mitchell
Creator editorial lead
10,620
Hoe in it wykein in 3D-spultsje te protten meitsjen mei help fan keunstmjittige yntelliginsje feardichheden - Vibe Skills preview
Vibe Skills
Vibe Skills

Blêdzje troch hûnderten kleare feardichheden foar Claude, Cursor, en mear.

Hoe in in Wykein in 3D Spultsje te Prototypje: De Freed-oant-Snein Workflow

Jo kinne in spylber 3D-spultsje prototype nei itch.io ferstjoere tusken freedtejûn en snein te middei. Game jams hawwe dit mear as tweintich jier bewiisd. AI feardichheden komprimearje no de workflow noch fierder: freed is konsept en omfang, sneon is bouwe, snein is polyst en ferstjoere. Gjin motoropblaas, gjin team, gjin moannenlange roadmap.

Dit is gjin pep-praat. Ludum Dare rint elke fjouwer moannen en ferstjoert konsekwint 2.000 - 3.000 foltôge spultsjes yn 48 - 72 oeren. It formaat wurket om't beheining twingt ta ferstjoeren. AI feardichheden jouwe jo deselde beheining mei in flugger begjin - de boilerplate, asset stubben, en gameplay loop komme foarôf boud, sadat de wykein giet nei de dielen dy't eins lykas in spultsje fiele.

Dizze gids is foar yndie-ûntwikkelders, ûntwerpstudinten, en hobbyisten dy't op sneontejûn ien spylber ding wolle hawwe. Wy behannelje de 48-oere bou anatomy, fiif AI spultsje prototyping feardichheden op Vibe Skills, en de freed-oant-snein workflow dy't past yn in wykein.


Hoe in it wykein in 3D-spultsje te protten meitsjen mei help fan keunstmjittige yntelliginsje feardichheden - Vibe Skills preview
Vibe Skills
Vibe Skills

Blêdzje troch hûnderten kleare feardichheden foar Claude, Cursor, en mear.

Wêrom Wykeinen Genôch Tiid Binne om in Spylber Prototype te Ferstjoeren

Game jams hawwe de 48-oere bou twa desennia bewiisd. Ludum Dare begûn yn 2002 en rint no trije kear yn 't jier mei 2.000+ yngongen per omgong. GMTK Game Jam lûkt 8.000+ yntsjinningen yn ien wykein. itch.io host elk jier tûzenen jam-pagina's, en de measte jam-spultsjes wurde yn 48 - 72 oeren fanôf in kâld start ferstjoerd.

It formaat wurket troch trije twingende funksjes:

  • Omfang wurdt ynsteld foardat de koade begjint. Jam-tema's foarkomme funksje-kriep.
  • Publike yntsjinjen deadline. Freed-oant-snein betsjut dat der gjin "Ik sil it takom wike polystje".
  • Browser-earste levering. itch.io en Newgrounds ferstjoere nei in browserlink, net in ynstallearder.

Wat feroare yn 2026 is de opkomst. AI feardichheden snije de boilerplate dy't earder 8 - 10 oeren fan in jam opslokke:

  • Three.js scene setup, ferljochting, kamera rigging
  • Spiler controller (toetseboerd, mûs, gamepad)
  • Fysika (raycast, colliders, basis AABB)
  • Asset placeholders (low-poly karakter, omjouwingsprops, skybox)
  • Bou pipeline dy't in spylbere HTML-bou eksportearret

Dat setupwurk is no in 30-minuten stap. De rest fan de wykein is ûntwerp, nivo-bou, en gefoel.


Hoe in it wykein in 3D-spultsje te protten meitsjen mei help fan keunstmjittige yntelliginsje feardichheden - Vibe Skills preview
Vibe Skills
Vibe Skills

Blêdzje troch hûnderten kleare feardichheden foar Claude, Cursor, en mear.

De 48-oere Bou Anatomy

Elk wykein prototype dat ferstjoerd wurdt, folget likernôch deselde fjouwer fazen. Slach in faze oer en de bou komt net op itch.io. Bring te lang troch yn ien faze en de polystfaze wurdt opfretten.

FaseTiidblokWat jo doggeWat jo ferstjoere oan it ein fan de faze
Fase 1: OmfangFreed 18:00 - 22:00Kies genre, skriuw 1-pagina ûntwerp dokumint, beslút kearnloop, kies AI feardigensUntwerp dokumint + keazen feardigens
Fase 2: BouSnie 9:00 - 20:00Generearje boilerplate, bouwe kearnmeganika, foegje 1 - 2 nivo's ta, ferbine ynfierSpylbere bou mei in win/ferlies steat
Fase 3: PolystSnein 10:00 - 16:00Lûd, sap, tutorial popup, lykwicht, bug passBou dy't net brekt yn 'e earste 60 sekonden
Fase 4: FerstjoereSnein 16:00 - 20:00Eksportearje, skriuw itch.io side, nim GIF op, pleats op sosjale mediaPublike itch.io side mei in wurkjende webbou

De fjouwer-faze struktuer lit romte foar de dingen dy't altyd ferkeard geane: in brutsen fysika rânegeval, in ferflokte asset ymport, in bou dy't lokaal rint mar brekt yn WebGL. Plan foar de bugs.


Hoe "Vibe Coding" in Spultsje Eins Sjocht

"Vibe coding" is de workflow fan it bouwen fan software troch te beskriuwen wat jo wolle en AI de koade te litten generearjen, dan it resultaat te ynterkoperen. Foar spultsjes wurket it om't it meastepart fan de koadebestân plompe is. De leuke dielen - gefoel, nivo-ûntwerp, lûd, keunstrjochting - bliuwe minsklik, mar de boilerplate wurdt generearre.

In vibe-koade wykein spultsje sjocht der sa út: jo skriuwe it ûntwerp dokumint yn gewoan Ingelsk yn in Cursor of Claude tab, ynstallearje in Vibe Skills 3D spultsje feardigens dy't komt mei Three.js scaffolding, freegje de AI om de genre-spesifike meganika ta te foegjen, en hânmjittich it gefoel ôf te stimmen - springhichte, kamerafertraging, partikelintensiteit. De AI docht it typen. Jo dogge it ûntwerp. Dat skift makket in wykein prototype mooglik foar ien dy't gjin senior yngenieur is.


5 AI Spultsje Prototyping Feardichheden op Vibe Skills

Dizze feardichheden binne boud om de boilerplate faze fan in wykein prototype te komprimearjen. Alle binne yn de 3D Games kategory op Vibe Skills en komme mei Three.js scaffolding, in wurkjende bou pipeline, en in itch.io-kleare eksport.

1. Three.js Game Scaffolder

It begjinpunt foar hast elk 3D-prototype yn it wykein. Genereart in Three.js scene mei in spiler controller, tredde-persoan kamera, basis ferljochting, in skybox, en in grûnflak mei botsingen. Utfier is in Vite projekt dat jo yn 30 sekonden mei pnpm dev kinne ynstallearje en in pnpm build dy't in itch.io-kleare HTML-bundle produseart.

Bêste foar: elk genre útsein suver 2D. Brûk dit as jo dei-nul projekt.

2. First-Person Walker Skill

Genereart in polyste earste-persoan controller (WASD + mûs sjen + swiertekrêft + sprint + sprong) mei fuotstap lûdsheakjes en kop-bob. Drop jo eigen nivo-mesh boppe-op en jo hawwe in kuier-sim, horror prototype, of museumspultsje by sneon lunch.

Bêste foar: kuier-sims, horror, ferkenningsprototypes, narrative spultsjes.

3. Top-Down Arena Shooter Kit

Genereart in top-down kamera, twin-stick controller (toetseboerd of gamepad), golf-spawner, basis fijân AI, projektysysteem, en in skoar-ynterface. De shooter loop is in bekende-goede gameplay basis - ferfang de keunst en it spawn patroan en jo hawwe in gloednij spultsje.

Bêste foar: arcade shooters, kûgelhel, twin-stick aksje.

4. 3D Puzzle Platformer Skeleton

Genereart in tredde-persoan platformer controller (fariabele sprong, coyote tiid, ledge deteksje), in kontrôlepunt systeem, en in nivo-sjabloan mei trije stub-nivo's dy't jo yn Blender of direkt yn koade kinne bewurkje. Befettet in dea/opnij meitsje loop en in nivo-foltôgings trigger.

Bêste foar: puzel-platformers, parkour prototypes, speedrun-freonlike yndies.

5. Browser Driving Sandbox

Genereart in arcade-rid-gefoel (fersnellingskromme, drift fysika, kamerafertraging, basis terrein) plus in low-poly auto dy't jo yn 10 sekonden werkleurje kinne. Drop in spoarmesh en jo hawwe in racing prototype by sneon iten.

Bêste foar: arcade racing, off-road riden, ferkears-sims, automobyl-gefoel testen.

Blêdzje alle 3D spultsje feardichheden op Vibe Skills →


De Freed-oant-Snein Workflow

Dit is it eksakte skema dat in wykein past. Pas de starttiid oan, mar hâld de faze-oarder.

Freed 18:00 - 22:00: Omfang en Setup

Stap 1: Kies in Vibe Skills spultsje prototyping feardigens. Blêdzje de 3D Games kategory en kies de feardigens dy't past by it genre dat jo bouwe wolle. As jo noch net witte, gean dan nei de Three.js Game Scaffolder - dy past him oan alles oan.

Stap 2: Skriuw in ien-pagina ûntwerp dokumint. Iepenje in nij dokumint en beäntwurdzje dizze fiif fragen yn gewoan Ingelsk. Sla gjintien fan har oer.

  • Wat docht de spiler elke 5 sekonden? (de kearnloop)
  • Wat is de winstkondysje? Wat is de ferlieskondysje?
  • Hoe folle nivo's of hoe lang is ien omgong?
  • Wat is de fisuele hook? (ferljochting, kleurpalet, stylreferinsje)
  • Wat is de iene funksje dy't dit spultsje ûnthâldber makket yn 30 sekonden spyljen?

Stap 3: Ynstallearje de feardigens en rin de boilerplate. Krij in wurkjende bou lokaal draaiend. Jo moatte in spiler karakter sjen yn in Three.js scene foar middernacht. As jo dat net dogge, snije dan de omfang ôf - wikselje fan genre, simplifisearje de kamera, of kies in lytsere feardigens.

Snie 9:00 - 13:00: Bou de Kearnmeganika

Stap 4: Ferfang de placeholder meganika mei jo iene funksje. Dit is de ienige funksje dy't telt. As jo spultsje "earste-persoan fiskerij yn in spoekmar" is, dan is de moarn allinich fiskerij-kast logys en wettershader gefoel. Neat oars.

Stap 5: Krij de win/ferlies steat wurkjend. In 60-sekonden prototype mei in win-skerm fielt as in spultsje. In 60-minuten prototype sûnder ein-steat fielt as in technyske demo. Ferstjoer altyd earst de ein-steat.

Snie 13:00 - 20:00: Foegje Ynhâld en Nivo's Ta

Stap 6: Bou ien folslein spylber nivo of omgong. Net trije healbakte nivo's - ien polyste. Brûk placeholder blokken foar geometry. Brûk de placeholder karakter fan de feardigens. Tune it gefoel.

Stap 7: Foegje in tutorial popup ta. In twa-sinne "WASD om te bewegen, klikje om te fiskjen" overlay by de earste lansearring rêdt jo itch.io side fan betize spilers dy't yn 8 sekonden opjaan.

Snein 10:00 - 16:00: Polystje

Stap 8: Foegje lûd ta. Sels trije lûden (fuotstap, ambient loop, win sting) tilt in prototype dramatysk omheech. Folslein fergees boarnen: freesound.org, opengameart.org, de AI-generearre foley-apps op inference.sh.

Stap 9: Foegje sap ta. Partikel by rek, skermskodding by ynfloed, in nûmer popup by skoare. Sap is wat in 48-oere prototype derút lit sjen as in 6-moanne ien yn in GIF.

Stap 10: Bug pass. Spielje jo bou fiif kear efterinoar. Reparearje alles dat twa kear brekt. Negearje alles dat ien kear brekt.

Snein 16:00 - 20:00: Ferstjoere

Stap 11: Bou de produksjebundel. pnpm build yn it projekt fan jo feardigens. Test de produksjebou yn in nije browserfinster.

Stap 12: Meitsje in itch.io side. Titel, ien-line tagline, trije skermôfbyldings, ien GIF, kontrôles, credits, jo devloglink. De hiele side soe 45 minuten duorje moatte as jo de assets klear hawwe.

Stap 13: Pleats de link. Twitter, Bluesky, jo dev community Discord, it relevante subreddit. Brûk de GIF as foarbyld, net de skermôfbylding. Devlogs dy't de namme fan de AI-feardigens befetsje (en in link dêrnei) lûke mear kliks.


Wat te dwaan as jo de Snie Muorre berikke

De measte wykeinprototypes stjerre sneonmiddei. De meganika is dreger dan it like, de fysika is frjemd, en jo begjinne te freegjen oft it spultsje leuk is. Dit is de muorre. Elke jam-ûntwikkelder treft it.

De trije rêdingsaksjes:

  • Snij in funksje ôf. As de bazefight tsjin jo fjochtet, snij dan de baas ôf. As de multiplayer brutsen is, ferstjoer dan single-player. It ferstjoerde prototype is altyd better as it ûnfoltôge ambysjeuze.
  • Wikselje nei placeholder keunst. As jo sneon yn Blender trochbringe, stopje dan. Brûk blokken en kapsules. Polyst winsket prototyps; assets winne post-jam updates.
  • Lês it ûntwerp dokumint wer. Wat wie de iene funksje dy't ta die? Bring de rest fan sneon allinnich troch op dat.

De placeholder assets fan de feardigens binne goed genôch om te ferstjoeren. Spilers beoardielje gefoel, sap, en de loop. Se sille de rots-prop op 'e eftergrûn net beoardielje.


Wêr te Hostjen en Hoe te Dielen

itch.io is de standert foar browser spultsje prototypes, folslein. Folslein fergees hosting, gjin review wachtrige, ynbêding wurket oeral, en it publyk ferwachtet rau wykein bouwen. Newgrounds is in goede twadde post as jo spultsje in komysk of arcade hoeke hat.

Foar sichtberens:

  • Yntsjinje oan in echte game jam as dyn wykein ien oerlapet (Ludum Dare, GMTK, js13k foar grutte-beheinde bouwen, GitHub Game Off yn novimber). Sels bûten in offisjele jam, it pleatsen op in jam-tema pagina krijt eachballen.
  • Krúspleatst in 15-sekonde GIF nei Twitter, Bluesky, en r/IndieDev / r/IndieGaming mei de itch.io link.
  • Foegje in devlog post ta oan jo itch.io pagina - ien paragraaf oer hokker AI feardigens jo brûkt hawwe en wat der yn de wykein feroare is.

De earste 100 spullen komme meastentiids fan jo eigen sosjale akkounts en ien goed-tagde Reddit-post. Dêrnei nimme de "Nije" en "Populaire" siden fan itch.io it oer.


Faakstelde Fragen

Kin ik echt in 3D-spultsje bouwe yn 48 oeren sûnder spultsje-ûntwikkelingsûnderfining?

Ja foar in prototype, nee foar in polyst spultsje. In wykein jout jo ien spylbere meganika mei in win/ferlies steat, ien nivo, en in itch.io pagina. Dat is genôch om it idee te falidearjen, in portefúlje-stik te bouwen, en te besluten oft it langere bou fertsjinnet. AI feardichheden op Vibe Skills nimme de boilerplate oer, sadat de wykein giet nei ûntwerp, net setup.

Moat ik solo gean of mei in team bouwe foar in wykein prototype?

Solo foar dyn earste. Team foar dyn twadde. Solo prototyps wurde faker ferstjoerd om't der gjin koördinaasjekosten binne. Sadra't jo jo eigen tempo kenne, is in team fan 2 (ien ûntwerp + koade, ien keunst + lûd) de swiete plak foar in wykein. Teams fan 4+ ferstjoere meastentiids net yn 48 oeren.

Moat ik Three.js of in spultsje motor kenne foardat ik begjin?

Jo moatte genôch JavaScript kenne om te lêzen wat de AI genereart en wearden ôf te stimmen. Jo hoege Three.js net fanôf nul te skriuwen. De Vibe Skills 3D game prototyping feardichheden generearje de motor-setup; jo skriuwe de gameplay. As jo React of vanilla JS kinne bewurkje, kinne jo in Three.js prototype yn in wykein ferstjoere.

Hoe meitsje ik jild mei in wykein prototype?

Meastentiids net. It earste prototype is foar portefúlje, falidaasje, en learen. Sadra't in prototype traksje kriget (10k+ spullen op itch.io is in goed sinjaal), binne de typyske monetisaasjepaden: betelje-wat-jo-wolle op itch, in Steam Early Access bou, of in advertinsje-stipe webrelease op poarten lykas CrazyGames. Foar wykein bouwen, fokusje op ferstjoeren en devlog ynhâld - ynkomsten binne in moanne-3 probleem.

Wat as myn spultsje brekt as ik it nei itch.io stjoer?

Test de produksjebou foardat jo uploadje. De measte wykeinprototypes brekke yn produksje troch asset paden of WebGL-kontekstynstellingen - beide binne yn 5 minuten te reparearjen as jo se lokaal fange. De bou pipeline dy't komt mei feardichheden op Vibe Skills is út de doaze konfigureare foar itch.io's HTML5 hosting, wat de measte fan dizze problemen elimineart.

Kin ik de koade fan in Vibe Skills spultsje feardigens ferkeapje of wizigje?

Ja. Feardichheden op Vibe Skills wurde levere mei in kommersjeel-freonlike lisinsje dy't jo de koade lit ferkeapje yn jo eigen útbrocht spultsje op itch.io, Steam, of earne oars. Makkers behâlde it IP fan har feardigens; jo behâlde it IP fan jo spultsje dat dêrop boud is.


Ferstjoer it Prototype Dizze Wykein

De grutste reden dat wykeinprototypes net ferstjoerd wurde is net feardigens of motor kar. It is de freedtejûn wêryn jo "noch efkes wat ûndersykje" en nea begjinne. De folgjende frije wykein dy't jo hawwe, folgje it fjouwer-faze plan: omfang freed, bou sneon moarns, ynhâld sneon middeis, polystje en ferstjoere snein. Brûk in 3D spultsje prototyping feardigens, sadat de boilerplate klear is foardat jo sneon kofje meitsje.

It portefúlje fan jo earste tsien wykeinprototypes is mear wurdich dan jo hypotetyske dreamspultsje fan seis moanne. Ferstjoer earst de lytse.

Blêdzje 3D spultsje prototyping feardichheden op Vibe Skills →


Slach de Three.js boilerplate maraton oer. Ynstallearje in 3D spultsje prototyping feardigens op Vibe Skills en ferstjoer in spylber bou foar sneontejûn.

Hoe in it wykein in 3D-spultsje te protten meitsjen mei help fan keunstmjittige yntelliginsje feardichheden - Vibe Skills preview
Vibe Skills
Vibe Skills

Blêdzje troch hûnderten kleare feardichheden foar Claude, Cursor, en mear.