Kako v enem vikendu prototipirati 3D igro z uporabo AI spretnosti

Ustvarite igralni 3D prototip igre v 48 urah. Potek dela od petka do nedelje z uporabo AI znanj, Three.js in Vibe Skills - za indie razvijalce in hobiste.

3D GamesIndie Game DevThree.jsVibe CodingVibe Skills
Sarah Mitchell
Sarah Mitchell
Creator editorial lead
10,620
Kako v enem vikendu prototipirati 3D igro z uporabo AI spretnosti - Vibe Skills preview
Vibe Skills
Vibe Skills

Prebrskajte na stotine pripravljenih veščin za Claude, Cursor in drugo.

Kako prototipirati 3D igro med vikendom: potek dela od petka do nedelje

Predvajalni prototip 3D igre lahko na itch.io pošljete med petkovim večerom in nedeljskim večerom. Spletne igre so to dokazale že več kot dvajset let. Spretosti z umetno inteligenco sedaj še bolj skrčijo potek dela: petek je namenjen konceptu in obsegu, sobota gradnji, nedelja izpopolnjevanju in pošiljanju. Brez nadutosti motorja, brez ekipe, brez večmesečne strategije.

To ni motivacijski govor. Ludum Dare poteka vsake štiri mesece in dosledno pošlje 2.000 - 3.000 dokončanih iger v 48 - 72 urah. Format deluje, ker omejevanje sili k pošiljanju. Spretosti z umetno inteligenco vam nudijo enako omejitev z hitrejšim zagonom - pripravljene predloge, nadomestne dele in zanko igranja, tako da vikend posvetite delom, ki se resnično počutijo kot igra.

Ta vodnik je namenjen neodvisnim razvijalcem, študentom oblikovanja in hobistom, ki želijo do nedeljskega večera imeti eno predvajalno stvar. Pokrivamo anatomijo 48-urne gradnje, pet spretnosti za prototipiranje iger z umetno inteligenco na Vibe Skills in potek dela od petka do nedelje, ki se prilega vikendu.


Kako v enem vikendu prototipirati 3D igro z uporabo AI spretnosti - Vibe Skills preview
Vibe Skills
Vibe Skills

Prebrskajte na stotine pripravljenih veščin za Claude, Cursor in drugo.

Zakaj je vikend dovolj časa za pošiljanje predvajalnega prototipa

Spletne igre so 48-urno gradnjo dokazovale dve desetletji. Ludum Dare se je začel leta 2002 in zdaj poteka trikrat letno z 2.000+ vnosov na krog. GMTK Game Jam privabi 8.000+ oddaj v enem samem vikendu. itch.io vsako leto gosti tisoče strani za spletne igre, večina spletnih iger pa je zgrajena in poslana v 48 - 72 urah od nič.

Format deluje zaradi treh prisilnih funkcij:

  • Obseg je določen pred začetkom kodiranja. Teme spletnih iger preprečujejo širjenje funkcij.
  • Javni rok za oddajo. Od petka do nedelje pomeni, da ni »izpopolnjeval bom naslednji teden«.
  • Dostava prek brskalnika. itch.io in Newgrounds pošiljajo prek povezave v brskalnik, ne prek namestitve.

Kar se je spremenilo leta 2026, je zagon. Spretosti z umetno inteligenco skrajšajo predloge, ki so nekoč pojedle 8 - 10 ur spletne igre:

  • Nastavitev scene Three.js, osvetlitev, premikanje kamere
  • Krmilnik igralca (tipkovnica, miška, igralna palica)
  • Fizika (žarek, ovire, osnovni AABB)
  • Nadomestni deli (lik z nizko poligonsko obliko, rekviziti okolja, nebesna kocka)
  • Postopek gradnje, ki izvozi predvajalno HTML datoteko

To nastavitveno delo je zdaj 30-minutni korak. Preostanek vikenda je namenjen oblikovanju, gradnji ravni in občutku.


Kako v enem vikendu prototipirati 3D igro z uporabo AI spretnosti - Vibe Skills preview
Vibe Skills
Vibe Skills

Prebrskajte na stotine pripravljenih veščin za Claude, Cursor in drugo.

Anatomija 48-urne gradnje

Vsak vikend prototip, ki je poslan, sledi približno istim štirim fazam. Če preskočite fazo, gradnja ne bo prišla na itch.io. Če porabite preveč časa za eno fazo, bo faza izpopolnjevanja izpuščena.

FazaČasovni blokKaj narediteKaj pošljete do konca faze
Faza 1: ObsegPetek 18:00 - 22:00Izberite žanr, napišite enostranski načrt oblikovanja, določite osnovno zanko, izberite spretnost z umetno inteligencoNačrt oblikovanja + izbrana spretnost
Faza 2: GradnjaSobota 9:00 - 20:00Ustvarite predloge, zgradite osnovno mehaniko, dodajte 1 - 2 ravni, povežite vnosPredvajalna gradnja s stanjem zmage/poraza
Faza 3: IzpopolnjevanjeNedelja 10:00 - 16:00Zvok, popestritev, pojavni poziv za učenje, ravnotežje, pregled napakGradnja, ki se ne pokvari v prvih 60 sekundah
Faza 4: PošiljanjeNedelja 16:00 - 20:00Izvoz, napišite stran itch.io, posnemite GIF, objavite na družbenih omrežjihJavna stran itch.io z delujočo spletno gradnjo

Štiri-fazna struktura pušča prostor za stvari, ki vedno gredo narobe: robni primer pokvarjene fizike, preklet uvoz sredstev, gradnja, ki deluje lokalno, vendar se pokvari v WebGL. Načrtujte napake.


Kako dejansko izgleda "Vibe Coding" igre

"Vibe coding" je potek dela gradnje programske opreme z opisovanjem, kaj želite, in prepuščanjem, da umetna inteligenca ustvari kodo, nato pa iteriranjem po izhodu. Za igre deluje, ker je večina kodežna samo cevovod. Zabavni deli - občutek, oblikovanje ravni, zvok, umetniška smer - ostajajo človeški, predloge pa so ustvarjene.

Vikend igra, kodirana v "vibe" slogu, izgleda takole: načrt oblikovanja v navadnem angleškem jeziku napišete v zavihku Cursor ali Claude, namestite spretnost za 3D igre Vibe Skills, ki prihaja s predlogami Three.js, umeti inteligenci naročite dodajanje specifične mehanike žanra, nato pa ročno nastavite občutek - višino skoka, zamik kamere, intenzivnost delcev. Umetna inteligenca opravi tipkanje. Vi opravite oblikovanje. Ta delitev omogoča vikend prototip za nekoga, ki ni izkušen inženir.


5 spretnosti za prototipiranje iger z umetno inteligenco na Vibe Skills

Te spretnosti so ustvarjene za skrajšanje faze predlog vikend prototipa. Vse so v kategoriji 3D igre na Vibe Skills in prihajajo s predlogami Three.js, delujočim postopkom gradnje in izvozom, pripravljenim za itch.io.

1. Three.js Game Scaffolder

Začetna točka za skoraj vsak vikend 3D prototip. Ustvari Three.js sceno s krmilnikom igralca, kamero tretje osebe, osnovno osvetlitvijo, nebesno kocko in tlemi z trki. Izhod je projekt Vite, ki ga lahko zaženeš z pnpm dev v 30 sekundah in pnpm build, ki ustvari HTML sveženj, pripravljen za itch.io.

Najboljše za: katerega koli žanra razen čistih 2D. Uporabite to kot svoj projekt prvega dne.

2. First-Person Walker Skill

Ustvari izpopolnjen krmilnik prve osebe (WASD + pogled z miško + gravitacija + sprint + skok) z kljukicami za zvok stopal in premikanjem glave. Nanjo namestite svojo lastno mrežo ravni in že do sobote kosila boste imeli simulacijo hoje, prototip grozljivke ali muzejsko igro.

Najboljše za: simulacije hoje, grozljivke, prototipe raziskovanja, narativne igre.

3. Top-Down Arena Shooter Kit

Ustvari kamero od zgoraj, krmilnik z dvojno palico (tipkovnica ali igralna palica), generator valov, osnovno umetno inteligenco sovražnikov, sistem izstrelkov in zaslon z rezultati. Zanka streljanja je znana dobra osnova igranja - zamenjajte umetniška dela in vzorec ustvarjanja in dobili boste popolnoma novo igro.

Najboljše za: arkadne strelske igre, bullet hell, akcije z dvojno palico.

4. 3D Puzzle Platformer Skeleton

Ustvari krmilnik platformne igre tretje osebe (spremenljiv skok, coyote time, zaznavanje robov), sistem kontrolnih točk in predlogo ravni s tremi nadomestnimi ravnmi, ki jih lahko urejate v Blenderju ali neposredno v kodi. Vključuje zanko smrti/ponovnega rojstva in sprožilec zaključka ravni.

Najboljše za: ugankarske platformne igre, prototipe parkourja, neodvisne igre, prijazne hitrim prehodom.

5. Browser Driving Sandbox

Ustvari občutek arkadne vožnje (krivulja pospeška, fizika zdrsa, zamik kamere, osnoven teren) ter avto z nizko poligonsko obliko, ki ga lahko prebarvate v 10 sekundah. Dodajte mrežo proge in do sobote večerje boste imeli prototip dirkanja.

Najboljše za: arkadne dirke, vožnjo po terenu, simulacije prometa, testiranje občutka avtomobila.

Preglejte vse spretnosti za 3D igre na Vibe Skills →


Potek dela od petka do nedelje

To je natančen urnik, ki se prilega vikendu. Prilagodite začetni čas, vendar ohranite vrstni red faz.

Petek 18:00 - 22:00: Obseg in nastavitev

Korak 1: Izberite spretnost za prototipiranje igre Vibe Skills. Prebrskajte kategorijo 3D igre in izberite spretnost, ki ustreza žanru, ki ga želite graditi. Če še ne veste, privzeto uporabite Three.js Game Scaffolder - prilagodi se vsemu.

Korak 2: Napišite enostranski načrt oblikovanja. Odprite nov dokument in v navadnem angleškem jeziku odgovorite na teh pet vprašanj. Ne izpustite nobenega od njih.

  • Kaj igralec počne vsakih 5 sekund? (osnovna zanka)
  • Kakšen je pogoj za zmago? Kakšen je pogoj za poraz?
  • Koliko stopenj ali kako dolg je en krog?
  • Kakšen je vizualni vtis? (osvetlitev, barvna paleta, referenca stila)
  • Kaj je tista ena funkcija, zaradi katere je ta igra nepozabna v 30 sekundah igranja?

Korak 3: Namestite spretnost in zaženite predloge. Lokalno zaženite delujočo gradnjo. Pred polnočjo bi morali videti premikajočega se lika igralca v Three.js sceni. Če ne, zmanjšajte obseg - zamenjajte žanr, poenostavite kamero ali izberite manjšo spretnost.

Sobota 9:00 - 13:00: Zgradite osnovno mehaniko

Korak 4: Zamenjajte nadomestno mehaniko z vašo eno funkcijo. To je edina funkcija, ki je pomembna. Če je vaša igra »ribolov prve osebe na preganjanem jezeru«, je jutranje delo samo logika metanja ribiške vrvice in občutek vodnega senčnika. Nič drugega.

Korak 5: Poskrbite, da stanje zmage/poraza deluje. 60-sekundni prototip z zaslonom zmage se počuti kot igra. 60-minutni prototip brez končnega stanja se počuti kot tehnični demo. Vedno najprej pošljite končno stanje.

Sobota 13:00 - 20:00: Dodajte vsebino in ravni

Korak 6: Zgradite eno popolnoma predvajalno raven ali krog. Ne tri polovično narejene ravni - ena izpopolnjena. Uporabite nadomestne kocke za geometrijo. Uporabite nadomestni lik iz spretnosti. Nastavite občutek.

Korak 7: Dodajte pojavni poziv za učenje. Dve vrstici »WASD za premikanje, klik za ribolov« ob prvem zagonu reši vašo stran itch.io pred zmedenimi igralci, ki obupajo v 8 sekundah.

Nedelja 10:00 - 16:00: Izpopolnjevanje

Korak 8: Dodajte zvok. Tudi trije zvoki (koraki, zvočni posnetek okolice, zvočni signal za zmago) močno izboljšajo prototip. Brezplačni viri: freesound.org, opengameart.org, aplikacije za ustvarjanje zvoka z umetno inteligenco na inference.sh.

Korak 9: Dodajte popestritev. Delci ob zadetku, tresenje zaslona ob udarcu, številska obvestila ob doseženem rezultatu. Popestritev je tisto, zaradi česar 48-urni prototip izgleda kot 6-mesečni v GIF-u.

Korak 10: Pregled napak. Petkrat zapored igrajte svojo gradnjo. Popravite vse, kar se pokvari dvakrat. Ignorirajte vse, kar se pokvari enkrat.

Nedelja 16:00 - 20:00: Pošiljanje

Korak 11: Zgradite produkcijski sveženj. pnpm build v projektu vaše spretnosti. Preizkusite produkcijsko gradnjo v novem zavihku brskalnika.

Korak 12: Ustvarite stran itch.io. Naslov, enovrstični podnaslov, tri slike, en GIF, kontrolniki, zasluge, povezava do vašega dnevnika razvoja. Celotna stran bi morala vzeti 45 minut, če imate pripravljene vire.

Korak 13: Objavite povezavo. Twitter, Bluesky, vaš Discord razvojne skupnosti, ustrezni subreddit. Uporabite GIF kot predogled, ne slike. Objavljeni dnevniki, ki vključujejo ime spretnosti umetne inteligence (in povezavo do nje), običajno dobijo več klikov.


Kaj storiti, ko naletite na sobotno steno

Večina vikend prototipov umre v soboto popoldne. Mehanika je težja, kot je izgledala, fizika je čudna in začnete se spraševati, ali je igra zabavna. To je stena. Vsak razvijalec spletnih iger jo doživi.

Tri rešilne poteze:

  • Izreži funkcijo. Če se vam šef bori, odrežite šefa. Če je igra za več igralcev pokvarjena, pošljite igro za enega igralca. Poslana prototip vedno premaga nedokončano ambiciozno.
  • Preklopite na nadomestne grafike. Če soboto preživite v Blenderju, prenehajte. Uporabite kocke in krogle. Izpopolnjevanje zmaga prototipe; sredstva zmagujejo posodobitve po spletni igri.
  • Ponovno preberite načrt oblikovanja. Kaj je bila tista ena funkcija, ki je bila pomembna? Preostanek sobote posvetite samo temu.

Nadomestni deli spretnosti so dovolj dobri za pošiljanje. Igralci bodo ocenjevali občutek, popestritev in zanko. Ne bodo ocenjevali kamnitega rekvizita v ozadju.


Kje gostiti in kako deliti

itch.io je privzeta izbira za prototipe iger v brskalniku, pika. Brezplačno gostovanje, brez čakalne vrste za pregled, vdelave delujejo povsod, občinstvo pa pričakuje surove vikend gradnje. Newgrounds je dobra sekundarna možnost, če ima vaša igra komični ali arkadni element.

Za vidnost:

  • Če vaš vikend sovpada s spletno igro, se prijavite na pravo spletno igro (Ludum Dare, GMTK, js13k za gradnje z omejeno velikostjo, GitHub Game Off novembra). Tudi izven uradne spletne igre, objavljanje na strani s temo spletne igre pritegne pozornost.
  • Križno objavite 15-sekundni GIF na Twitter, Bluesky in r/IndieDev / r/IndieGaming s povezavo itch.io.
  • Dodajte objavo v dnevnik razvoja na svojo stran itch.io - en odstavek o tem, katero spretnost umetne inteligence ste uporabili in kaj se je spremenilo med vikendom.

Prvih 100 predvajanj običajno pride z vaših lastnih družbenih računov in ene dobro označene objave na Redditu. Po tem prevzamejo nadzor strani "Novi" in "Priljubljeni" na itch.io.


Pogosto zastavljena vprašanja

Ali lahko resnično zgradim 3D igro v 48 urah brez izkušenj z razvojem iger?

Da, za prototip, ne za izpopolnjeno igro. Vikend vam prinese eno predvajalno mehaniko s stanjem zmage/poraza, eno raven in stran itch.io. To je dovolj za potrditev ideje, ustvarjanje portfelja in odločitev, ali si zasluži daljšo gradnjo. Spretosti z umetno inteligenco na Vibe Skills poskrbijo za predloge, tako da se vikend posveti oblikovanju, ne nastavitvi.

Ali naj ustvarjam sam ali z ekipo za vikend prototip?

Sam za svojega prvega. Z ekipo za svojega drugega. Samostojni prototipi se pogosteje pošiljajo, ker ni stroškov usklajevanja. Ko poznate svoj tempo, je ekipa 2 (en oblikovanje + kodiranje, en umetnost + zvok) najboljša možnost za vikend. Ekipe 4+ običajno ne pošljejo v 48 urah.

Ali moram pred začetkom poznati Three.js ali igralni motor?

Morate poznati dovolj JavaScripta, da lahko preberete, kaj ustvari umetna inteligenca, in prilagodite vrednosti. Ni vam treba pisati Three.js iz nič. Spletne prototipne spretnosti za 3D igre Vibe Skills ustvarijo nastavitev motorja; vi napišete igranje. Če lahko urejate React ali navadni JS, lahko vikend pošljete prototip Three.js.

Kako lahko monetiziram vikend prototip?

Običajno ne morete. Prvi prototip je namenjen portfelju, potrditvi in učenju. Ko prototip pridobi zagon (10.000+ predvajanj na itch.io je dober znak), običajne poti monetizacije vključujejo: plačaj, kolikor želiš na itch.io, predvajalni gradnjo za Steam Early Access ali spletno izdajo z oglasi na portalih, kot je CrazyGames. Za vikend gradnje se osredotočite na pošiljanje in vsebino dnevnika - prihodek je problem za tretji mesec.

Kaj pa, če se moja igra sesuje, ko jo pošljem na itch.io?

Pred nalaganjem preizkusite produkcijsko gradnjo. Večina vikend prototipov se pokvari v produkciji zaradi poti do sredstev ali nastavitev konteksta WebGL - oboje je mogoče popraviti v 5 minutah, če jih ujamete lokalno. Postopek gradnje, ki je priložen spretnostim na Vibe Skills, je vnaprej konfiguriran za gostovanje HTML5 na itch.io, kar odpravi večino teh težav.

Ali lahko prodam ali spremenim kodo iz spretnosti igre Vibe Skills?

Da. Spretosti na Vibe Skills prihajajo s komercialno prijazno licenco, ki vam omogoča, da kodo pošljete v svoji izdani igri na itch.io, Steam ali kjer koli drugje. Ustvarjalci obdržijo intelektualno lastnino svoje spretnosti; vi obdržite intelektualno lastnino vaše igre, zgrajene na njej.


Pošljite prototip ta vikend

Največji razlog, zakaj vikend prototipi niso poslani, ni izbira spretnosti ali motorja. To je petkov večer, ko »malo več raziskujete« in nikoli ne začnete. Naslednji prosti vikend sledite štiri-faznemu načrtu: petek obseg, sobota zjutraj gradnja, sobota popoldne vsebina, nedelja izpopolnjevanje in pošiljanje. Uporabite spretnost za prototipiranje 3D iger, tako da bodo predloge končane, preden boste v soboto skuhali kavo.

Portfelj vaših prvih deset vikend prototipov je vreden več kot vaša hipotetična sanjska igra za šest mesecev. Najprej pošljite majhne.

Preglejte spretnosti za prototipiranje 3D iger na Vibe Skills →


Preskočite maraton predlog Three.js. Namestite spretnost za prototipiranje 3D iger na Vibe Skills in pošljite predvajalno gradnjo do nedeljskega večera.

Kako v enem vikendu prototipirati 3D igro z uporabo AI spretnosti - Vibe Skills preview
Vibe Skills
Vibe Skills

Prebrskajte na stotine pripravljenih veščin za Claude, Cursor in drugo.