Ako prototypovať 3D hru cez víkend s využitím zručností umelej inteligencie

Doručiť hrateľný 3D herný prototyp za 48 hodín. Pracovný postup od piatka do nedele s využitím zručností AI, Three.js a Vibe Skills - pre nezávislých vývojárov a hobbyistov.

3D GamesIndie Game DevThree.jsVibe CodingVibe Skills
Sarah Mitchell
Sarah Mitchell
Creator editorial lead
10,620
Ako prototypovať 3D hru cez víkend s využitím zručností umelej inteligencie - Vibe Skills preview
Vibe Skills
Vibe Skills

Prezrite si stovky pripravených zručností pre Claude, Cursor a ďalšie.

Ako prototypovať 3D hru cez víkend: Pracovný postup od piatka do nedele

Môžete odovzdať hrateľný prototyp 3D hry na itch.io medzi piatkovým večerom a nedeľným večerom. Game jamy to dokazujú už viac ako dvadsať rokov. Schopnosti AI teraz pracovný postup ešte viac skracujú: piatok je koncept a rozsah, sobota je tvorba, nedeľa je vylepšovanie a odoslanie. Žiadne nafukovanie enginu, žiadny tím, žiadny mesačný harmonogram.

Toto nie je motivačný prejav. Ludum Dare sa koná každé štyri mesiace a konzistentne dodáva 2 000 - 3 000 dokončených hier za 48 - 72 hodín. Formát funguje, pretože obmedzenie núti k dodaniu. Schopnosti AI vám poskytujú rovnaké obmedzenie s rýchlejším rozbehom - štruktúra kódu, zástupné súbory a herná slučka sú predpripravené, takže víkend patrí častiam, ktoré skutočne pôsobia ako hra.

Tento sprievodca je určený pre nezávislých vývojárov, študentov dizajnu a hobbyistov, ktorí chcú mať do nedele večer jednu hrateľnú vec. Pokrývame 48-hodinovú anatomiu tvorby, päť schopností AI pre prototypovanie hier na Vibe Skills a pracovný postup od piatka do nedele, ktorý sa zmestí do víkendu.


Ako prototypovať 3D hru cez víkend s využitím zručností umelej inteligencie - Vibe Skills preview
Vibe Skills
Vibe Skills

Prezrite si stovky pripravených zručností pre Claude, Cursor a ďalšie.

Prečo víkendy stačia na dodanie hrateľného prototypu

Game jamy dokazujú 48-hodinovú tvorbu už dve desaťročia. Ludum Dare začalo v roku 2002 a teraz sa koná trikrát ročne s 2 000+ príspevkami na kolo. GMTK Game Jam zhromažďuje 8 000+ odoslaní za jeden víkend. itch.io hostí tisíce stránok jamov každý rok a väčšina jamových hier je dodaná za 48 - 72 hodín od začiatku.

Formát funguje vďaka trom vynucujúcim funkciám:

  • Rozsah je stanovený pred začiatkom kódu. Témami jamov sa predchádza nekontrolovanému pridávaniu funkcií.
  • Termín verejného odoslania. Od piatka do nedele znamená, že neexistuje „budem to vylepšovať budúci týždeň“.
  • Doručenie primárne cez prehliadač. itch.io a Newgrounds dodávajú cez odkaz prehliadača, nie cez inštalátor.

Čo sa v roku 2026 zmenilo, je rozbeh. Schopnosti AI skracujú základnú štruktúru, ktorá kedysi zaberala 8 - 10 hodín jamu:

  • Nastavenie scény Three.js, osvetlenie, umiestnenie kamery
  • Ovládač hráča (klávesnica, myš, gamepad)
  • Fyzika (raycast, kolidery, základné AABB)
  • Zástupné súbory (nízkokostkový charakter, objekty prostredia, skybox)
  • Stavebný postup, ktorý exportuje hrateľnú HTML zostavu

Táto práca s nastavením je teraz 30-minútový krok. Zvyšok víkendu patrí dizajnu, tvorbe úrovní a pocitu z hry.


Ako prototypovať 3D hru cez víkend s využitím zručností umelej inteligencie - Vibe Skills preview
Vibe Skills
Vibe Skills

Prezrite si stovky pripravených zručností pre Claude, Cursor a ďalšie.

Anatómia 48-hodinovej tvorby

Každý víkendový prototyp, ktorý je dodaný, sleduje zhruba rovnaké štyri fázy. Ak niektorú fázu vynecháte, zostava sa nedostane na itch.io. Ak strávite príliš veľa času jednou fázou, ukrojená bude fáza vylepšovania.

FázaČasový blokČo robíteČo dodáte na konci fázy
Fáza 1: RozsahPiatok 18:00 - 22:00Vyberte žáner, napíšte 1-stranový návrhový dokument, rozhodnite o základnej slučke, vyberte schopnosť AINávrhový dokument + zvolená schopnosť
Fáza 2: TvorbaSobota 9:00 - 20:00Generujte základnú štruktúru, vytvorte základnú mechaniku, pridajte 1 - 2 úrovne, prepojte vstupyHrateľná zostava so stavom výhra/prehra
Fáza 3: VylepšovanieNedeľa 10:00 - 16:00Zvuk, šťava, vyskakovacie okno s tutoriálom, vyváženie, prechádzanie chýbZostava, ktorá sa nezrúti počas prvých 60 sekúnd
Fáza 4: OdoslanieNedeľa 16:00 - 20:00Exportujte, napíšte stránku itch.io, nahrajte GIF, zverejnite na sociálnych sieťachVerejná stránka itch.io s funkčnou webovou zostavou

Štvor-fázová štruktúra necháva priestor na veci, ktoré sa vždy pokazia: okrajový prípad zlomenej fyziky, prekliaty import súboru, zostava, ktorá beží lokálne, ale zlyháva vo WebGL. Plánujte chyby.


Ako v skutočnosti vyzerá „Vibe Coding“ hry

„Vibe coding“ je pracovný postup tvorby softvéru popisom toho, čo chcete, a nechaním AI generovať kód, a potom iterovaním výstupu. Pre hry to funguje, pretože väčšina kódovej bázy je len „vodoinštalatérstvo“. Zábavné časti - pocit, dizajn úrovní, zvuk, smer umenia - zostávajú ľudské, ale základná štruktúra je generovaná.

Vibe-coded víkendová hra vyzerá takto: napíšete návrhový dokument v jednoduchom anglickom jazyku v záložke Cursor alebo Claude, nainštalujete schopnosť AI pre 3D hry Vibe Skills, ktorá sa dodáva s predlohou Three.js, požiadate AI o pridanie špecifickej mechaniky žánru a potom jemne doladíte pocit - výška skoku, oneskorenie kamery, intenzita častíc. AI robí písanie. Vy robíte dizajn. Tento rozdiel umožňuje víkendový prototyp pre niekoho, kto nie je senior vývojár.


5 schopností AI pre prototypovanie hier na Vibe Skills

Tieto schopnosti sú navrhnuté tak, aby skrátili fázu základnej štruktúry víkendového prototypu. Všetky sú v kategórii 3D hry na Vibe Skills a dodávajú sa s predlohou Three.js, funkčným stavebným postupom a exportom pripraveným na itch.io.

1. Three.js Game Scaffolder

Východiskový bod pre takmer každý víkendový 3D prototyp. Generuje scénu Three.js s ovládačom hráča, kamerou tretej osoby, základným osvetlením, skyboxom a zemnou rovinou s kolíziami. Výstupom je projekt Vite, ktorý môžete spustiť pomocou pnpm dev za 30 sekúnd, a pnpm build, ktorý vytvorí HTML zostavu pripravenú na itch.io.

Najlepšie pre: akýkoľvek žáner okrem čisto 2D. Použite to ako svoj projekt nultého dňa.

2. First-Person Walker Skill

Generuje vylepšený ovládač z prvej osoby (WASD + pohľad myšou + gravitácia + beh + skok) s hákmi na zvuk krokov a pohybom hlavy. Stačí pridať vlastnú sieť úrovne a máte simulátor chôdze, hororový prototyp alebo múzejnú hru do sobotňajšieho obeda.

Najlepšie pre: simulátory chôdze, horory, prieskumné prototypy, naratívne hry.

3. Top-Down Arena Shooter Kit

Generuje kameru zhora, ovládač s dvoma páčkami (klávesnica alebo gamepad), generátor vĺn, základnú AI nepriateľov, systém projektilov a HUD skóre. Slučka strelca je známa dobrá herná základňa - vymeňte umenie a vzor generovania a máte úplne novú hru.

Najlepšie pre: arkádové strieľačky, bullet hell, akčné hry s dvoma páčkami.

4. 3D Puzzle Platformer Skeleton

Generuje ovládač platformovej hry z tretej osoby (premenlivý skok, coyote time, detekcia ríms), systém kontrolných bodov a šablónu úrovne s tromi zástupnými úrovňami, ktoré môžete upraviť v Blenderi alebo priamo v kóde. Obsahuje slučku smrti/obnovenia a spúšťač dokončenia úrovne.

Najlepšie pre: logické plošinovky, parkourové prototypy, nezávislé hry vhodné pre speedrun.

5. Browser Driving Sandbox

Generuje arkádový pocit z jazdy (krivka zrýchlenia, fyzika driftu, oneskorenie kamery, základný terén) plus nízkokostkové auto, ktoré môžete prefarbiť za 10 sekúnd. Pridajte sieť trate a máte pretekársky prototyp do sobotňajšej večere.

Najlepšie pre: arkádové preteky, jazdu v teréne, dopravné simulácie, testovanie pocitu z auta.

Prezrite si všetky schopnosti pre 3D hry na Vibe Skills →


Pracovný postup od piatka do nedele

Toto je presný harmonogram, ktorý sa zmestí do víkendu. Upravte čas začiatku, ale dodržujte poradie fáz.

Piatok 18:00 - 22:00: Rozsah a nastavenie

Krok 1: Vyberte si schopnosť prototypovania hier na Vibe Skills. Prezrite si kategóriu 3D hry a vyberte schopnosť, ktorá zodpovedá žánru, ktorý chcete vytvoriť. Ak ešte neviete, predvolený je Three.js Game Scaffolder - prispôsobí sa čomukoľvek.

Krok 2: Napíšte jednostránkový návrhový dokument. Otvorte nový dokument a odpovedzte na týchto päť otázok v jednoduchom anglickom jazyku. Nevynechajte žiadnu z nich.

  • Čo hráč robí každých 5 sekúnd? (základná slučka)
  • Aká je podmienka výhry? Aká je podmienka prehry?
  • Koľko úrovní alebo ako dlho trvá jedno kolo?
  • Aký je vizuálny háčik? (osvetlenie, farebná paleta, referenčný štýl)
  • Aká je jedna funkcia, ktorá robí túto hru nezabudnuteľnou počas 30 sekúnd hrania?

Krok 3: Nainštalujte schopnosť a spustite základnú štruktúru. Spustite lokálne funkčnú zostavu. Pred polnocou by ste mali vidieť pohybujúcu sa postavu hráča v scéne Three.js. Ak nie, znížte rozsah - vymeňte žáner, zjednodušte kameru alebo si vyberte menšiu schopnosť.

Sobota 9:00 - 13:00: Vytvorenie základnej mechaniky

Krok 4: Nahraďte zástupnú mechaniku svojou jedinou funkciou. Toto je jediná funkcia, na ktorej záleží. Ak je vaša hra „rybolov z prvej osoby v strašidelnom jazere“, dnešné dopoludnie patrí len logike hodu udicou a pocitu vodného tieňovania. Nič iné.

Krok 5: Zabezpečte funkčnosť stavu výhry/prehry. 60-sekundový prototyp s obrazovkou výhry pôsobí ako hra. 60-minútový prototyp bez konečného stavu pôsobí ako technologická ukážka. Vždy dodajte konečný stav ako prvý.

Sobota 13:00 - 20:00: Pridanie obsahu a úrovní

Krok 6: Vytvorte jednu plne hrateľnú úroveň alebo kolo. Nie tri nedokončené úrovne - jednu vyleštenú. Na geometriu použite zástupné kocky. Použite zástupného charakteru zo schopnosti. Doladite pocit.

Krok 7: Pridajte vyskakovacie okno s tutoriálom. Dve vety „WASD pre pohyb, kliknite pre rybolov“ na prvom spustení ochránia vašu stránku itch.io pred zmätenými hráčmi, ktorí sa vzdajú po 8 sekundách.

Nedeľa 10:00 - 16:00: Vylepšovanie

Krok 8: Pridajte zvuk. Aj tri zvuky (krok, ambientná slučka, víťazný znelka) dramaticky pozdvihnú prototyp. Bezplatné zdroje: freesound.org, opengameart.org, AI generované foley aplikácie na inference.sh.

Krok 9: Pridajte šťavu. Častice pri zásahu, otrasenie obrazovky pri dopade, vyskakovacie číslo pri skóre. Šťava je to, vďaka čomu prototyp z 48 hodín v GIFe vyzerá ako prototyp zo 6 mesiacov.

Krok 10: Prechádzanie chýb. Zahrajte si svoju zostavu päťkrát za sebou. Opravte čokoľvek, čo sa pokazí dvakrát. Ignorujte čokoľvek, čo sa pokazí raz.

Nedeľa 16:00 - 20:00: Odoslanie

Krok 11: Zostavte produkčný balík. pnpm build vo vašom projekte schopnosti. Otestujte produkčnú zostavu v novej karte prehliadača.

Krok 12: Vytvorte stránku itch.io. Názov, jednoradový slogan, tri snímky obrazovky, jeden GIF, ovládanie, kredity, odkaz na váš vývojový denník. Celá stránka by mala trvať 45 minút, ak máte pripravené súbory.

Krok 13: Zverejnite odkaz. Twitter, Bluesky, váš Discord komunita pre vývojárov, príslušný subreddit. Použite GIF ako ukážku, nie ako snímku obrazovky. Vývojové denníky, ktoré obsahujú názov AI schopnosti (a odkaz na ňu), zvyčajne získajú viac kliknutí.


Čo robiť, keď narazíte na sobotňajšiu stenu

Väčšina víkendových prototypov zomiera v sobotu popoludní. Mechanika je ťažšia, ako sa zdalo, fyzika je zvláštna a začnete pochybovať, či je hra zábavná. Toto je tá stena. Každý jamový vývojár na ňu narazí.

Tri záchranné kroky:

  • Odstráňte funkciu. Ak vás boss fight trápi, odstráňte bossa. Ak je multiplayer pokazený, dodajte hru pre jedného hráča. Dodaný prototyp vždy predbehne nedokončený ambiciózny.
  • Prepnite na zástupné umenie. Ak trávite sobotu v Blenderi, prestaňte. Použite kocky a gule. Vylepšovanie vyhráva prototypy; súbory vyhrávajú aktualizácie po jame.
  • Znova si prečítajte návrhový dokument. Čo bola tá jedna funkcia, na ktorej záležalo? Zvyšok soboty venujte len tomu.

Zástupné súbory schopnosti sú dostatočne dobré na odoslanie. Hráči budú hodnotiť pocit, šťavu a slučku. Nebudú hodnotiť kamenný objekt v pozadí.


Kde hostovať a ako zdieľať

itch.io je štandard pre prototypy hier v prehliadači, bodka. Bezplatný hosting, žiadna čakacia lehota na kontrolu, vstavané prvky fungujú všade a publikum očakáva surové víkendové zostavy. Newgrounds je dobrý sekundárny príspevok, ak má vaša hra komediálny alebo arkádový uhol.

Pre viditeľnosť:

  • Prihláste sa do skutočného game jamu, ak váš víkend prebieha súčasne (Ludum Dare, GMTK, js13k pre zostavy s obmedzenou veľkosťou, GitHub Game Off v novembri). Aj mimo oficiálneho jamu zverejnenie na stránke s témou jamu priláka oči.
  • Krížovo publikujte 15-sekundový GIF na Twitter, Bluesky a r/IndieDev / r/IndieGaming s odkazom na itch.io.
  • Pridajte príspevok do vývojového denníka na vašu stránku itch.io - jeden odstavec o tom, akú AI schopnosť ste použili a čo sa cez víkend zmenilo.

Prvých 100 prehratí zvyčajne pochádza z vašich vlastných sociálnych účtov a jedného dobre označeného príspevku na Reddite. Potom sa o slovo prihlásia stránky „Nové“ a „Populárne“ na itch.io.


Často kladené otázky

Môžem naozaj postaviť 3D hru za 48 hodín bez skúseností s vývojom hier?

Áno pre prototyp, nie pre vyleštenú hru. Víkend vám poskytne jednu hrateľnú mechaniku so stavom výhry/prehry, jednu úroveň a stránku itch.io. To stačí na overenie nápadu, vytvorenie kusu do portfólia a rozhodnutie, či si zaslúži dlhšiu tvorbu. Schopnosti AI na Vibe Skills sa postarajú o základnú štruktúru, takže víkend patrí dizajnu, nie nastaveniu.

Mám pracovať sólo alebo s tímom na víkendový prototyp?

Sólo pre svoj prvý. Tím pre svoj druhý. Sólové prototypy sa častejšie dodávajú, pretože neexistujú žiadne koordinačné náklady. Akonáhle poznáte svoje vlastné tempo, tím 2 osôb (jeden dizajn + kód, jeden umenie + zvuk) je ideálnou kombináciou pre víkend. Tímy 4+ sa zvyčajne za 48 hodín nedodajú.

Potrebujem pred začatím poznať Three.js alebo herný engine?

Potrebujete poznať dostatok JavaScriptu na čítanie toho, čo AI generuje a dolaďovanie hodnôt. Nemusíte písať Three.js od nuly. Schopnosti AI pre prototypovanie 3D hier na Vibe Skills generujú nastavenie enginu; vy píšete hrateľnosť. Ak dokážete upravovať React alebo vanilla JS, dokážete dodať prototyp Three.js za víkend.

Ako spoplatním víkendový prototyp?

Zvyčajne nie. Prvý prototyp je určený na portfólio, validáciu a učenie. Keď prototyp získa trakciu (10k+ prehratí na itch.io je dobrý signál), typické spôsoby spoplatnenia sú: zaplať, koľko chceš na itch, zostava Steam Early Access, alebo webové vydanie s reklamami na portáloch ako CrazyGames. Pre víkendové zostavy sa zamerajte na dodanie a obsah vývojového denníka - príjmy sú problémom mesiaca 3.

Čo ak sa moja hra zrúti, keď ju nahodím na itch.io?

Otestujte produkčnú zostavu pred nahraním. Väčšina víkendových prototypov sa v produkcii rozbije kvôli cestám k súborom alebo nastaveniam kontextu WebGL - obe sa dajú opraviť za 5 minút, ak ich zachytíte lokálne. Stavebný postup, ktorý sa dodáva so schopnosťami na Vibe Skills, je štandardne nakonfigurovaný pre hosting HTML5 na itch.io, čo odstraňuje väčšinu týchto problémov.

Môžem predávať alebo upravovať kód zo schopnosti hry Vibe Skills?

Áno. Schopnosti na Vibe Skills sa dodávajú s komerčne priateľnou licenciou, ktorá vám umožňuje dodávať kód vo vašej vlastnej vydanej hre na itch.io, Steam alebo kdekoľvek inde. Tvorcovia si ponechávajú IP svojej schopnosti; vy si ponechávate IP svojej hry postavenej na nej.


Dodajte prototyp tento víkend

Najväčším dôvodom, prečo sa víkendové prototypy nedodajú, nie je voľba schopnosti alebo enginu. Je to piatkový večer, kedy si „ešte trochu preskúmate“ a nikdy nezačnete. Nasledujúci voľný víkend postupujte podľa štvorfázového plánu: piatok rozsah, sobota ráno tvorba, sobota popoludní obsah, nedeľa vylepšovanie a odoslanie. Použite schopnosť prototypovania 3D hier, aby bola základná štruktúra hotová skôr, ako si v sobotu uvaríte kávu.

Portfólio vašich prvých desiatich víkendových prototypov má väčšiu cenu ako vaša hypotetická šesťmesačná vysnívaná hra. Najprv dodajte tie malé.

Prezrite si schopnosti prototypovania 3D hier na Vibe Skills →


Preskočte maratón základnej štruktúry Three.js. Nainštalujte si schopnosť prototypovania 3D hier na Vibe Skills a dodajte hrateľnú zostavu do nedele večer.

Ako prototypovať 3D hru cez víkend s využitím zručností umelej inteligencie - Vibe Skills preview
Vibe Skills
Vibe Skills

Prezrite si stovky pripravených zručností pre Claude, Cursor a ďalšie.