Jak prototypovat 3D hru za víkend s využitím AI dovedností

Vytvořte hratelný 3D herní prototyp za 48 hodin. Pracovní postup od pátku do neděle s využitím dovedností umělé inteligence, Three.js a Vibe Skills - pro nezávislé vývojáře a hobby tvůrce.

3D GamesIndie Game DevThree.jsVibe CodingVibe Skills
Sarah Mitchell
Sarah Mitchell
Creator editorial lead
10,620
Jak prototypovat 3D hru za víkend s využitím AI dovedností - Vibe Skills preview
Vibe Skills
Vibe Skills

Prohlédněte si stovky připravených dovedností pro Claude, Cursor a další.

Jak prototypovat 3D hru za víkend: Pracovní postup od pátku do neděle

Můžete vytvořit hratelný prototyp 3D hry na itch.io mezi pátečním večerem a nedělním podvečerem. Game jamy to dokazují už přes dvacet let. Využití schopností umělé inteligence nyní tento pracovní postup ještě více zkracuje: pátek je o konceptu a rozsahu, sobota o tvorbě, neděle o vylepšení a odeslání. Žádné naddimenzované enginy, žádný tým, žádný několikaměsíční plán.

Tohle není povzbuzovací řeč. Ludum Dare se koná každé čtyři měsíce a konzistentně dodává 2 000 - 3 000 dokončených her za 48 - 72 hodin. Formát funguje, protože omezení nutí k dodání. Schopnosti umělé inteligence vám poskytují stejné omezení s rychlejším náběhem - základní kód, zástupné prvky a herní smyčka přicházejí předpřipravené, takže víkend je věnován částem, které skutečně připomínají hru.

Tento průvodce je určen pro nezávislé vývojáře, studenty designu a hobbyisty, kteří chtějí mít do nedělního večera jednu hratelnou věc. Pokryjeme anatomii 48hodinové tvorby, pět schopností umělé inteligence pro prototypování her na Vibe Skills a pracovní postup od pátku do neděle, který se vejde do víkendu.


Jak prototypovat 3D hru za víkend s využitím AI dovedností - Vibe Skills preview
Vibe Skills
Vibe Skills

Prohlédněte si stovky připravených dovedností pro Claude, Cursor a další.

Proč stačí víkendy k dodání hratelného prototypu

Game jamy dokazují 48hodinovou tvorbu už dvě desetiletí. Ludum Dare začal v roce 2002 a nyní se koná třikrát ročně s 2 000+ přihláškami na kolo. GMTK Game Jam shromažďuje 8 000+ příspěvků během jediného víkendu. itch.io hostuje tisíce stránek jamů každý rok a většina jamových her je dodána během 48 - 72 hodin od nuly.

Formát funguje díky třem vynucujícím funkcím:

  • Rozsah je stanoven před začátkem kódování. Témata jamů zabraňují nekontrolovanému rozšiřování funkcí.
  • Veřejný termín pro odeslání. Pátek až neděle znamená, že neexistuje "příští týden to vyleštím".
  • Dodání primárně do prohlížeče. itch.io a Newgrounds dodávají odkaz do prohlížeče, nikoli instalační program.

Co se v roce 2026 změnilo, je náběh. Schopnosti umělé inteligence zkracují základní kód, který dříve zabíral 8 - 10 hodin jamu:

  • Nastavení scény Three.js, osvětlení, nastavení kamery
  • Ovládání hráče (klávesnice, myš, gamepad)
  • Fyzika (raycast, kolize, základní AABB)
  • Zástupné prvky pro assety (nízkopolygonová postava, prvky prostředí, skybox)
  • Proces tvorby, který exportuje hratelný HTML build

Tato úvodní práce je nyní 30minutový krok. Zbytek víkendu je věnován designu, stavbě úrovní a pocitu ze hry.


Jak prototypovat 3D hru za víkend s využitím AI dovedností - Vibe Skills preview
Vibe Skills
Vibe Skills

Prohlédněte si stovky připravených dovedností pro Claude, Cursor a další.

Anatomie 48hodinové tvorby

Každý víkendový prototyp, který je dodán, sleduje zhruba stejné čtyři fáze. Pokud jednu fázi přeskočíte, build se nedostane na itch.io. Pokud strávíte příliš mnoho času na jedné fázi, zanikne fáze vylepšení.

FázeČasový blokCo děláteCo dodáte do konce fáze
Fáze 1: RozsahPátek 18:00 - 22:00Vyberte žánr, napište jednostránkový návrhový dokument, rozhodněte o základní smyčce, vyberte schopnost umělé inteligenceNávrhový dokument + vybraná schopnost
Fáze 2: TvorbaSobota 9:00 - 20:00Generujte základní kód, vytvořte základní mechaniku, přidejte 1 - 2 úrovně, propojte vstupHratelný build se stavem výhry/prohry
Fáze 3: VylepšeníNeděle 10:00 - 16:00Zvuk, šťáva, vyskakovací okno s tutoriálem, vyvážení, kontrola chybBuild, který se nerozbije během prvních 60 sekund
Fáze 4: DodáníNeděle 16:00 - 20:00Export, napište stránku itch.io, nahrajte GIF, zveřejněte na sociálních sítíchVeřejná stránka itch.io s funkčním webovým buildem

Čtyřfázová struktura ponechává prostor pro věci, které se vždy pokazí: okrajový případ s rozbitou fyzikou, prokletý import assetu, build, který běží lokálně, ale rozbije se ve WebGL. Plánujte chyby.


Jak ve skutečnosti vypadá "Vibe Coding" hry

„Vibe coding“ je pracovní postup vytváření softwaru popisem toho, co chcete, a nechat umělou inteligenci generovat kód, a poté iterovat na výstupu. Pro hry to funguje, protože většina kódové základny je jen propojovací. Zábavné části - pocit, design úrovní, zvuk, umělecký směr - zůstávají lidské, ale základní kód je generován.

Víkendová hra vytvořená pomocí vibe kódování vypadá takto: napíšete návrhový dokument v prosté angličtině na kartě Cursor nebo Claude, nainstalujete schopnost 3D her Vibe Skills, která je dodávána s Three.js scaffoldingem, požádáte umělou inteligenci o přidání mechaniky specifické pro žánr a poté ručně doladíte pocit - výšku skoku, zpoždění kamery, intenzitu částic. Umělá inteligence dělá psaní. Vy děláte design. Tento rozdělení umožňuje víkendový prototyp někomu, kdo není zkušený inženýr.


5 schopností umělé inteligence pro prototypování her na Vibe Skills

Tyto schopnosti jsou navrženy tak, aby zkrátily fázi základního kódu víkendového prototypu. Všechny jsou v kategorii 3D Games na Vibe Skills a jsou dodávány s Three.js scaffoldingem, funkčním procesem tvorby a exportem připraveným pro itch.io.

1. Three.js Game Scaffolder

Výchozí bod pro téměř každý víkendový 3D prototyp. Generuje scénu Three.js s ovládáním hráče, kamerou z pohledu třetí osoby, základním osvětlením, skyboxem a zemí s kolizemi. Výstupem je Vite projekt, který můžete spustit pomocí pnpm dev za 30 sekund, a pnpm build, který vytvoří HTML balíček připravený pro itch.io.

Nejlepší pro: jakýkoli žánr kromě čistě 2D. Použijte to jako svůj projekt pro den nula.

2. First-Person Walker Skill

Generuje vylepšené ovládání z pohledu první osoby (WASD + pohled myší + gravitace + sprint + skok) s háčky pro zvuk kroků a pohybem hlavy. Pokud na něj položíte vlastní síť úrovně, získáte do sobotního oběda simulátor chůze, hororový prototyp nebo muzejní hru.

Nejlepší pro: simulátory chůze, horory, průzkumné prototypy, narativní hry.

3. Top-Down Arena Shooter Kit

Generuje kameru shora, ovládání pro dva páčky (klávesnice nebo gamepad), generátor vln, základní umělou inteligenci nepřátel, systém projektilů a HUD pro skóre. Smyčka střílečky je osvědčený herní základ - vyměňte grafiku a vzor generování a máte zbrusu novou hru.

Nejlepší pro: arkádové střílečky, bullet hell, akční hry pro dva páčky.

4. 3D Puzzle Platformer Skeleton

Generuje ovládání plošinovky z pohledu třetí osoby (proměnný skok, coyote time, detekce říms), systém checkpointů a šablonu úrovně se třemi zástupnými úrovněmi, které můžete upravovat v Blenderu nebo přímo v kódu. Zahrnuje smyčku smrti/obnovení a spouštěč dokončení úrovně.

Nejlepší pro: logické plošinovky, parkourové prototypy, nezávislé hry vhodné pro speedrun.

5. Browser Driving Sandbox

Generuje arkádový pocit z jízdy (křivka zrychlení, fyzika driftování, zpoždění kamery, základní terén) plus nízkopolygonové auto, které můžete přebarvit za 10 sekund. Pokud na něj položíte síť trati, budete mít do sobotní večeře závodní prototyp.

Nejlepší pro: arkádové závody, jízdu v terénu, dopravní simulátory, testování pocitu z jízdy.

Prohlédněte si všechny schopnosti pro 3D hry na Vibe Skills →


Pracovní postup od pátku do neděle

Toto je přesný harmonogram, který se vejde do víkendu. Upravte začátek, ale zachovejte pořadí fází.

Pátek 18:00 - 22:00: Rozsah a nastavení

Krok 1: Vyberte si schopnost pro prototypování her Vibe Skills. Projděte si kategorii 3D Games a vyberte schopnost, která odpovídá žánru, který chcete vytvořit. Pokud ještě nevíte, použijte jako výchozí Three.js Game Scaffolder - přizpůsobí se čemukoli.

Krok 2: Napište jednostránkový návrhový dokument. Otevřete nový dokument a odpovězte na těchto pět otázek v prosté angličtině. Nepřeskočte žádnou z nich.

  • Co hráč dělá každých 5 sekund? (základní smyčka)
  • Jaká je podmínka vítězství? Jaká je podmínka prohry?
  • Kolik úrovní nebo jak dlouhý je jeden průchod?
  • Jaký je vizuální háček? (osvětlení, barevná paleta, referenční styl)
  • Jaká je jedna vlastnost, díky které je tato hra zapamatovatelná během 30 sekund hraní?

Krok 3: Nainstalujte schopnost a spusťte základní kód. Získejte funkční build běžící lokálně. Měli byste vidět postavu hráče pohybující se ve scéně Three.js před půlnocí. Pokud ne, zmenšete rozsah - změňte žánr, zjednodušte kameru nebo vyberte menší schopnost.

Sobota 9:00 - 13:00: Vytvoření základní mechaniky

Krok 4: Nahraďte zástupnou mechaniku vaší jednou funkcí. Toto je jediná funkce, na které záleží. Pokud je vaše hra "rybaření z pohledu první osoby na strašidelném jezeře", dnešní dopoledne je jen o logice rybářského náhozu a pocitu vodního shaderu. Nic jiného.

Krok 5: Zprovozněte stav výhry/prohry. 60sekundový prototyp s obrazovkou vítězství působí jako hra. 60minutový prototyp bez koncového stavu působí jako technologická ukázka. Vždy nejprve dodávejte koncový stav.

Sobota 13:00 - 20:00: Přidání obsahu a úrovní

Krok 6: Vytvořte jednu plně hratelnou úroveň nebo průchod. Ne tři polovičaté úrovně - jednu vyleštěnou. Použijte zástupné kostky pro geometrii. Použijte zástupnou postavu schopnosti. Dolaďte pocit.

Krok 7: Přidejte vyskakovací okno s tutoriálem. Dvouvětný popisek "WASD pro pohyb, klikněte pro rybaření" při prvním spuštění ochrání vaši stránku itch.io před zmatenými hráči, kteří to vzdají za 8 sekund.

Neděle 10:00 - 16:00: Vylepšení

Krok 8: Přidejte zvuk. I tři zvuky (kroky, ambientní smyčka, vítězný zvuk) dramaticky pozvednou prototyp. Bezplatné zdroje: freesound.org, opengameart.org, AI generované foley aplikace na inference.sh.

Krok 9: Přidejte šťávu. Částice při zásahu, otřesení obrazovky při dopadu, číselný výpis při skórování. Šťáva je to, co dělá 48hodinový prototyp v GIFu vypadat jako 6měsíční.

Krok 10: Kontrola chyb. Zahrajte si svůj build pětkrát za sebou. Opravte cokoli, co se rozbije dvakrát. Ignorujte cokoli, co se rozbije jednou.

Neděle 16:00 - 20:00: Dodání

Krok 11: Vytvořte produkční balíček. pnpm build ve vašem projektu schopnosti. Otestujte produkční build v novém prohlížeči.

Krok 12: Vytvořte stránku itch.io. Název, jednovětný slogan, tři snímky obrazovky, jeden GIF, ovládání, kredity, odkaz na váš devlog. Celá stránka by měla trvat 45 minut, pokud máte připravené assety.

Krok 13: Publikujte odkaz. Twitter, Bluesky, váš Discord komunity pro vývojáře, příslušný subreddit. Použijte GIF jako náhled, nikoli snímek obrazovky. Devlog příspěvky, které zahrnují název schopnosti AI (a odkaz na ni), mají tendenci získávat více kliknutí.


Co dělat, když narazíte na sobotní zeď

Většina víkendových prototypů umírá v sobotu odpoledne. Mechanika je těžší, než se zdálo, fyzika je divná a začnete pochybovat, zda je hra zábavná. Toto je ta zeď. Každý jamový vývojář ji potká.

Tři záchranné kroky:

  • Omezte funkci. Pokud vás boss fight trápí, bossa vynechte. Pokud multiplayer nefunguje, dodávejte single-player. Dodaný prototyp vždy zvítězí nad nedokončeným ambiciózním.
  • Přepněte na zástupné assety. Pokud v sobotu trávíte čas v Blenderu, přestaňte. Použijte kostky a kapsle. Vylepšení vítězí v prototypech; assety vítězí v aktualizacích po jamu.
  • Znovu si přečtěte návrhový dokument. Jaká byla ta jedna funkce, na které záleželo? Zbytek soboty věnujte jen tomu.

Zástupné assety schopnosti jsou dostatečně dobré k dodání. Hráči budou soudit pocit, šťávu a smyčku. Nebudou soudit kamenný prvek v pozadí.


Kde hostovat a jak sdílet

itch.io je výchozí pro webové herní prototypy, tečka. Bezplatné hostování, žádná čekací fronta na recenzi, vkládání funguje všude a publikum očekává syrové víkendové buildy. Newgrounds je dobrý sekundární příspěvek, pokud má vaše hra komediální nebo arkádový úhel.

Pro viditelnost:

  • Přihlaste se do skutečného game jamu, pokud se váš víkend s ním překrývá (Ludum Dare, GMTK, js13k pro buildy s omezenou velikostí, GitHub Game Off v listopadu). I mimo oficiální jam získáte pozornost zveřejněním na stránce s tématem jamu.
  • Křížově publikujte 15sekundový GIF na Twitteru, Bluesky a r/IndieDev / r/IndieGaming s odkazem na itch.io.
  • Přidejte na svou stránku itch.io příspěvek do devlogu - jeden odstavec o tom, jakou schopnost AI jste použili a co se během víkendu změnilo.

Prvních 100 přehrání obvykle pochází z vašich vlastních sociálních účtů a jednoho dobře označeného příspěvku na Redditu. Poté se ujmou stránky "Novinky" a "Populární" na itch.io.


Často kladené otázky

Mohu opravdu postavit 3D hru za 48 hodin bez zkušeností s vývojem her?

Ano pro prototyp, ne pro vyleštěnou hru. Víkend vám poskytne jednu hratelnou mechaniku se stavem výhry/prohry, jednu úroveň a stránku itch.io. To je dost na ověření nápadu, vytvoření kusu portfolia a rozhodnutí, zda si zaslouží delší vývoj. Schopnosti AI na Vibe Skills se postarají o základní kód, takže víkend je věnován designu, nikoli nastavení.

Mám pro víkendový prototyp pracovat sám nebo s týmem?

Pro svůj první sám. Pro svůj druhý tým. Samostatné prototypy se dodávají častěji, protože neexistují žádné náklady na koordinaci. Jakmile znáte své vlastní tempo, tým 2 lidí (jeden design + kód, jeden art + zvuk) je pro víkend ideální. Týmy 4+ obvykle nedodávají za 48 hodin.

Potřebuji před začátkem znát Three.js nebo herní engine?

Potřebujete znát JavaScript dostatečně na to, abyste si přečetli, co AI generuje, a doladili hodnoty. Nemusíte psát Three.js od nuly. Schopnosti prototypování 3D her Vibe Skills generují nastavení enginu; vy píšete hratelnost. Pokud umíte upravovat React nebo vanilla JS, můžete během víkendu dodat prototyp Three.js.

Jak monetizovat víkendový prototyp?

Obvykle to neděláte. První prototyp je pro portfolio, ověření a učení. Jakmile prototyp získá trakci (10 tisíc+ přehrání na itch.io je dobrý signál), typické cesty monetizace jsou: platba, co chcete, na itch, build pro Steam Early Access nebo webové vydání s podporou reklam na portálech jako CrazyGames. Pro víkendové buildy se soustřeďte na dodání a obsah devlogu - příjem je problémem na měsíc 3.

Co když se moje hra při nahrání na itch.io zhroutí?

Před nahráním otestujte produkční build. Většina víkendových prototypů se v produkci rozbije kvůli cestám k assetům nebo nastavení kontextu WebGL - obojí lze opravit za 5 minut, pokud je zachytíte lokálně. Proces tvorby, který je dodáván se schopnostmi na Vibe Skills, je standardně nakonfigurován pro HTML5 hosting itch.io, což odstraňuje většinu těchto problémů.

Mohu prodávat nebo upravovat kód ze schopnosti Vibe Skills pro hry?

Ano. Schopnosti na Vibe Skills jsou dodávány s komerčně přátelskou licencí, která vám umožňuje dodávat kód ve vaší vlastní vydané hře na itch.io, Steamu nebo kdekoli jinde. Tvůrci si ponechávají duševní vlastnictví své schopnosti; vy si ponecháváte duševní vlastnictví své hry postavené na ní.


Dodání prototypu tento víkend

Největším důvodem, proč se víkendové prototypy nedodávají, není volba schopností nebo enginu. Je to páteční večer, kdy si "ještě trochu prozkoumáte" a nikdy nezačnete. Další volný víkend, který máte, dodržujte čtyřfázový plán: pátek rozsah, sobota dopoledne tvorba, sobota odpoledne obsah, neděle vylepšení a dodání. Použijte schopnost prototypování 3D her, aby byl základní kód hotový, než si v sobotu uděláte kávu.

Portfolio vašich prvních deseti víkendových prototypů má větší cenu než vaše hypotetická šestiměsíční vysněná hra. Nejprve dodávejte malé hry.

Prohlédněte si schopnosti prototypování 3D her na Vibe Skills →


Přeskočte maraton s třískáním Three.js. Nainstalujte si schopnost prototypování 3D her na Vibe Skills a dodejte hratelný build do nedělního večera.

Jak prototypovat 3D hru za víkend s využitím AI dovedností - Vibe Skills preview
Vibe Skills
Vibe Skills

Prohlédněte si stovky připravených dovedností pro Claude, Cursor a další.