How to Prototype a 3D Game in a Weekend with AI Skills

48 ម៉ោង ក្នុង 3D ហ្គេម អាច លេង បាន ។ ពី ថ្ងៃ សុក្រ ដល់ ថ្ងៃអាទិត្យ ប្រើ ប្រព័ន្ធ AI , Three.js , និង Vibe Skills - សម្រាប់ អ្នក អភិវឌ្ឍន៍ ឯករាជ្យ និង អ្នក ស្រឡាញ់ ហ្គេម ។

3D GamesIndie Game DevThree.jsVibe CodingVibe Skills
Sarah Mitchell
Sarah Mitchell
Creator editorial lead
10,620
How to Prototype a 3D Game in a Weekend with AI Skills - Vibe Skills preview
Vibe Skills
Vibe Skills

Explora centos de habilidades listas para Claude, Cursor e moito máis.

Konwerter 3D gier w weekend: Przepływ pracy od piątku do niedzieli

Możesz wysłać grywalny prototyp gry 3D na itch.io między piątkowym wieczorem a niedzielnym popołudniem. Jam-y gier udowodniły to od ponad dwudziestu lat. Umiejętności AI skracają przepływ pracy jeszcze bardziej: piątek to koncepcja i zakres, sobota to budowa, niedziela to dopracowanie i wysyłka. Żadnych przeładowanych silników, żadnych zespołów, żadnych wielomiesięcznych planów.

To nie jest przemowa motywacyjna. Ludum Dare odbywa się co cztery miesiące i konsekwentnie wysyła 2000 - 3000 ukończonych gier w 48 - 72 godziny. Format działa, ponieważ ograniczenie wymusza wysyłkę. Umiejętności AI dają ci to samo ograniczenie z szybszym startem - szablony, przykładowe zasoby i pętla rozgrywki są gotowe, dzięki czemu weekend poświęcasz na części, które faktycznie sprawiają, że gra jest grą.

Ten przewodnik jest przeznaczony dla niezależnych deweloperów, studentów projektowania i hobbystów, którzy chcą mieć jedną grywalną rzecz do niedzielnego wieczoru. Omawiamy anatomię 48-godzinnej budowy, pięć umiejętności prototypowania gier AI na Vibe Skills i przepływ pracy od piątku do niedzieli, który mieści się w weekend.


How to Prototype a 3D Game in a Weekend with AI Skills - Vibe Skills preview
Vibe Skills
Vibe Skills

Explora centos de habilidades listas para Claude, Cursor e moito máis.

Dlaczego weekendy wystarczają na wysłanie grywalnego prototypu

Jam-y gier udowadniają wartość 48-godzinnej budowy od dwóch dekad. Ludum Dare rozpoczął się w 2002 roku i obecnie odbywa się trzy razy w roku z ponad 2000 zgłoszeniami na rundę. GMTK Game Jam przyciąga ponad 8000 zgłoszeń w jeden weekend. itch.io hostuje tysiące stron jam-ów każdego roku, a większość gier jam-owych jest wysyłana w ciągu 48 - 72 godzin od zera.

Format działa dzięki trzem czynnikom wymuszającym:

  • Zakres jest ustalony przed rozpoczęciem kodowania. Tematy jam-ów zapobiegają rozrostowi funkcji.
  • Publiczny termin zgłoszenia. Od piątku do niedzieli oznacza, że nie ma "poprawię to w przyszłym tygodniu".
  • Dostarczanie przez przeglądarkę. itch.io i Newgrounds wysyłają link do przeglądarki, a nie instalator.

Co zmieniło się w 2026 roku, to czas wdrożenia. Umiejętności AI skracają czas poświęcony na boilerplate, który wcześniej pochłaniał 8-10 godzin jam-u:

  • Konfiguracja sceny Three.js, oświetlenie, ustawienie kamery
  • Kontroler gracza (klawiatura, mysz, gamepad)
  • Fizyka (raycast, kolizje, podstawowe AABB)
  • Symbole zastępcze zasobów (postać low-poly, rekwizyty otoczenia, skybox)
  • Potok budowania eksportujący grywalną wersję HTML

Ta praca konfiguracyjna jest teraz 30-minutowym krokiem. Reszta weekendu to projektowanie, budowanie poziomów i dopracowywanie wrażeń.


How to Prototype a 3D Game in a Weekend with AI Skills - Vibe Skills preview
Vibe Skills
Vibe Skills

Explora centos de habilidades listas para Claude, Cursor e moito máis.

Anatomia 48-godzinnej budowy

Każdy prototyp weekendowy, który zostanie wysłany, podąża mniej więcej za tymi samymi czterema fazami. Pomiń fazę, a wersja nie trafi na itch.io. Poświęć zbyt dużo czasu na jedną fazę, a faza dopracowania zostanie pominięta.

FazaBlok czasowyCo robiszCo wysyłasz na koniec fazy
Faza 1: ZakresPiątek 18:00 - 22:00Wybierz gatunek, napisz 1-stronicowy dokument projektowy, zdecyduj o pętli rdzeniowej, wybierz umiejętność AIDokument projektowy + wybrana umiejętność
Faza 2: BudowaSobota 9:00 - 20:00Generuj boilerplate, zbuduj mechanikę rdzeniową, dodaj 1 - 2 poziomy, skonfiguruj wejścieGrywalna wersja z stanem wygranej/przegranej
Faza 3: DopracowanieNiedziela 10:00 - 16:00Dźwięk, "juice", okienko samouczka, balans, przegląd błędówWersja, która nie psuje się w ciągu pierwszych 60 sekund
Faza 4: WysyłkaNiedziela 16:00 - 20:00Eksport, napisz stronę itch.io, nagraj GIF, opublikuj w mediach społecznościowychPubliczna strona itch.io z działającą wersją webową

Czterofazowa struktura pozostawia margines na rzeczy, które zawsze idą nie tak: zepsuty przypadek brzegowy fizyki, przeklęty import zasobów, wersja, która działa lokalnie, ale psuje się w WebGL. Planuj błędy.


Jak naprawdę wygląda "Vibe Coding" gry

"Vibe coding" to przepływ pracy polegający na budowaniu oprogramowania poprzez opisanie tego, czego chcesz, i pozwoleniu AI na wygenerowanie kodu, a następnie iterację na podstawie wyników. W przypadku gier działa to dlatego, że większość kodu to "rury". Zabawne części - wrażenia, projektowanie poziomów, dźwięk, kierownictwo artystyczne - pozostają ludzkie, ale boilerplate jest generowany.

Gra stworzona w weekend za pomocą vibe coding wygląda tak: piszesz dokument projektowy prostym angielskim w karcie Cursor lub Claude, instalujesz umiejętność gry 3D Vibe Skills, która zawiera szablony Three.js, prosisz AI o dodanie mechaniki specyficznej dla gatunku, a następnie ręcznie dostrajasz wrażenia - wysokość skoku, opóźnienie kamery, intensywność cząsteczek. AI wykonuje pisanie kodu. Ty wykonujesz projektowanie. Ten podział sprawia, że prototyp weekendowy jest możliwy dla kogoś, kto nie jest doświadczonym inżynierem.


5 umiejętności prototypowania gier AI na Vibe Skills

Te umiejętności są stworzone, aby skrócić fazę boilerplate prototypu weekendowego. Wszystkie znajdują się w kategorii Gry 3D na Vibe Skills i są dostarczane z szablonami Three.js, działającym potokiem budowania i eksportem gotowym do itch.io.

1. Szablon gry Three.js

Punkt wyjścia dla prawie każdego prototypu 3D weekendowego. Generuje scenę Three.js z kontrolerem gracza, kamerą z trzeciej osoby, podstawowym oświetleniem, skyboxem i płaszczyzną z kolizjami. Wynik to projekt Vite, który możesz uruchomić za pomocą pnpm dev w 30 sekund i pnpm build, który tworzy pakiet HTML gotowy do itch.io.

Najlepsze dla: każdego gatunku oprócz czystego 2D. Użyj tego jako swojego projektu dnia zerowego.

2. Umiejętność pierwszoosobowego spaceru

Generuje dopracowany kontroler pierwszoosobowy (WASD + spojrzenie myszą + grawitacja + sprint + skok) z hakami do dźwięku kroków i kołysaniem głowy. Umieść na tym swój własny siatkowy poziom, a do sobotniego lunchu będziesz miał symulator chodzenia, prototyp horroru lub grę muzealną.

Najlepsze dla: symulatorów chodzenia, horrorów, prototypów eksploracyjnych, gier narracyjnych.

3. Zestaw strzelanki z perspektywy top-down

Generuje kamerę top-down, kontroler twin-stick (klawiatura lub gamepad), generator fal, podstawową sztuczną inteligencję wrogów, system pocisków i HUD punktacji. Pętla strzelanki jest znaną i dobrą podstawą rozgrywki - zamień grafikę i wzór generowania, a otrzymasz zupełnie nową grę.

Najlepsze dla: strzelanek zręcznościowych, bullet hell, akcji twin-stick.

4. Szkielet platformówki 3D

Generuje kontroler platformówki z perspektywy trzeciej osoby (skok zmienny, czas na chwilę, wykrywanie krawędzi), system punktów kontrolnych i szablon poziomu z trzema przykładowymi poziomami, które możesz edytować w Blenderze lub bezpośrednio w kodzie. Zawiera pętlę śmierci/odrodzenia i wyzwalacz ukończenia poziomu.

Najlepsze dla: platformówek logicznych, prototypów parkourowych, gier indie przyjaznych speedrunom.

5. Piaskownica jazdy w przeglądarce

Generuje arkadowe wrażenia z jazdy (krzywa przyspieszenia, fizyka dryfu, opóźnienie kamery, podstawowy teren) plus samochód low-poly, który można zmienić kolor w 10 sekund. Umieść siatkę toru, a do sobotniej kolacji będziesz miał prototyp wyścigowy.

Najlepsze dla: wyścigów zręcznościowych, jazdy terenowej, symulatorów ruchu, testowania wrażeń z jazdy samochodem.

Przeglądaj wszystkie umiejętności gier 3D na Vibe Skills →


Przepływ pracy od piątku do niedzieli

To jest dokładny harmonogram, który mieści się w weekend. Dostosuj godzinę rozpoczęcia, ale zachowaj kolejność faz.

Piątek 18:00 - 22:00: Zakres i konfiguracja

Krok 1: Wybierz umiejętność prototypowania gier Vibe Skills. Przejrzyj kategorię Gry 3D i wybierz umiejętność, która odpowiada gatunkowi, który chcesz zbudować. Jeśli jeszcze nie wiesz, domyślnie wybierz Szablon gry Three.js - dopasowuje się do wszystkiego.

Krok 2: Napisz jednstronicowy dokument projektowy. Otwórz nowy dokument i odpowiedz na te pięć pytań prostym angielskim. Nie pomijaj żadnego z nich.

  • Co gracz robi co 5 sekund? (pętla rdzeniowa)
  • Jaki jest warunek wygranej? Jaki jest warunek przegranej?
  • Ile poziomów lub jak długo trwa jedna rozgrywka?
  • Jaki jest haczyk wizualny? (oświetlenie, paleta kolorów, odniesienie do stylu)
  • Jaka jest jedna cecha, która sprawia, że ta gra jest zapadająca w pamięć w ciągu 30 sekund gry?

Krok 3: Zainstaluj umiejętność i uruchom boilerplate. Uzyskaj działającą wersję lokalnie. Powinieneś zobaczyć poruszającą się postać gracza w scenie Three.js przed północą. Jeśli nie, zmniejsz zakres - zmień gatunek, uprość kamerę lub wybierz mniejszą umiejętność.

Sobota 9:00 - 13:00: Zbuduj rdzeniową mechanikę

Krok 4: Zastąp mechanikę zastępczą swoją jedną funkcją. To jedyna funkcja, która się liczy. Jeśli twoja gra to "wędkowanie pierwszoosobowe na nawiedzonym jeziorze", dzisiejszy poranek to tylko logika rzutu wędką i wrażenia z shadera wody. Nic więcej.

Krok 5: Uruchom stan wygranej/przegranej. Prototyp 60-sekundowy z ekranem wygranej czuje się jak gra. Prototyp 60-minutowy bez stanu końcowego czuje się jak demo techniczne. Zawsze wysyłaj stan końcowy najpierw.

Sobota 13:00 - 20:00: Dodaj zawartość i poziomy

Krok 6: Zbuduj jeden w pełni grywalny poziom lub rozgrywkę. Nie trzy niedopracowane poziomy - jeden dopracowany. Użyj zastępczych sześcianów do geometrii. Użyj zastępczego bohatera umiejętności. Dostosuj wrażenia.

Krok 7: Dodaj okienko samouczka. Dwuzdaniowy "WASD do poruszania się, kliknij, aby łowić" wyświetlany przy pierwszym uruchomieniu chroni stronę itch.io przed zdezorientowanymi graczami, którzy rezygnują w 8 sekund.

Niedziela 10:00 - 16:00: Dopracowanie

Krok 8: Dodaj dźwięk. Nawet trzy dźwięki (krok, pętla otoczenia, dżingiel wygranej) znacznie podnoszą poziom prototypu. Darmowe źródła: freesound.org, opengameart.org, generowane przez AI aplikacje foley na inference.sh.

Krok 9: Dodaj "juice". Cząsteczki przy trafieniu, drżenie ekranu przy uderzeniu, wyskakująca liczba przy punktacji. "Juice" sprawia, że prototyp 48-godzinny wygląda jak prototyp 6-miesięczny na GIF-ie.

Krok 10: Przegląd błędów. Zagraj w swoją wersję pięć razy z rzędu. Napraw wszystko, co psuje się dwa razy. Zignoruj wszystko, co psuje się raz.

Niedziela 16:00 - 20:00: Wysyłka

Krok 11: Zbuduj pakiet produkcyjny. pnpm build w projekcie umiejętności. Przetestuj wersję produkcyjną w nowej karcie przeglądarki.

Krok 12: Utwórz stronę itch.io. Tytuł, jedno-zdaniowy slogan, trzy zrzuty ekranu, jeden GIF, kontrolki, kredyty, link do Twojego dziennika deweloperskiego. Cała strona powinna zająć 45 minut, jeśli masz gotowe zasoby.

Krok 13: Opublikuj link. Twitter, Bluesky, Twój Discord społeczności deweloperskiej, odpowiedni subreddit. Użyj GIF-a jako podglądu, nie zrzutu ekranu. Posty w dzienniku deweloperskim, które zawierają nazwę umiejętności AI (i link do niej), zazwyczaj przyciągają więcej kliknięć.


Co zrobić, gdy napotkasz sobotnią ścianę

Większość prototypów weekendowych umiera w sobotnie popołudnie. Mechanika jest trudniejsza, niż się wydawało, fizyka jest dziwna i zaczynasz kwestionować, czy gra jest zabawna. To jest ta ściana. Każdy twórca gier jam-owych ją napotyka.

Trzy ruchy ratownicze:

  • Wytnij funkcję. Jeśli walka z bossem sprawia ci trudność, wytnij bosa. Jeśli tryb wieloosobowy jest zepsuty, wyślij tryb jednoosobowy. Wysłany prototyp zawsze przewyższa niedokończony ambitny prototyp.
  • Zmień na zasoby zastępcze. Jeśli spędzasz sobotę w Blenderze, przestań. Używaj sześcianów i kapsuł. Dopracowanie wygrywa prototypy; zasoby wygrywają aktualizacje po jam-ie.
  • Przeczytaj ponownie dokument projektowy. Jaka była ta jedna funkcja, która była ważna? Poświęć resztę soboty tylko na nią.

Zastępcze zasoby umiejętności są wystarczająco dobre, aby wysłać. Gracze ocenią wrażenia, "juice" i pętlę. Nie będą oceniać kamienia w tle.


Gdzie hostować i jak udostępniać

itch.io to domyślny wybór dla prototypów gier przeglądarkowych, kropka. Darmowe hostowanie, brak kolejki recenzji, osadzanie działa wszędzie, a publiczność spodziewa się surowych wersji weekendowych. Newgrounds to dobra alternatywa, jeśli twoja gra ma aspekt komediowy lub zręcznościowy.

Dla widoczności:

  • Zgłoś się do prawdziwego jam-u gier, jeśli Twój weekend pokrywa się z jednym z nich (Ludum Dare, GMTK, js13k dla wersji ograniczonych rozmiarem, GitHub Game Off w listopadzie). Nawet poza oficjalnym jam-em, publikowanie na stronie tematycznej jam-u przyciąga wzrok.
  • Opublikuj 15-sekundowy GIF na Twitterze, Bluesky i r/IndieDev / r/IndieGaming z linkiem itch.io.
  • Dodaj post w dzienniku deweloperskim do swojej strony itch.io - jeden akapit o tym, jakiej umiejętności AI użyłeś i co zmieniłeś w weekend.

Pierwsze 100 odtworzeń zazwyczaj pochodzi z twoich własnych kont społecznościowych i jednego dobrze oznaczonego posta na Reddicie. Potem strony "Nowe" i "Popularne" na itch.io przejmują kontrolę.


Często zadawane pytania

Czy naprawdę mogę zbudować grę 3D w 48 godzin bez doświadczenia w tworzeniu gier?

Tak, dla prototypu, nie dla dopracowanej gry. Weekend pozwala na stworzenie jednej grywalnej mechaniki z stanem wygranej/przegranej, jednego poziomu i strony itch.io. To wystarczy, aby zweryfikować pomysł, zbudować element portfolio i zdecydować, czy zasługuje na dłuższy okres budowy. Umiejętności AI na Vibe Skills zajmują się boilerplate, dzięki czemu weekend poświęcasz na projektowanie, a nie na konfigurację.

Czy powinienem pracować sam, czy zbudować z zespołem na prototyp weekendowy?

Sam na pierwszy. Zespół na drugi. Samodzielne prototypy są częściej wysyłane, ponieważ nie ma kosztów koordynacji. Gdy już znasz swoje tempo, zespół 2-osobowy (jeden projekt + kod, jeden grafika + dźwięk) jest optymalnym rozwiązaniem na weekend. Zespoły 4+ zazwyczaj nie wysyłają w 48 godzin.

Czy muszę znać Three.js lub silnik gry, zanim zacznę?

Musisz znać wystarczająco dużo JavaScript, aby odczytać to, co generuje AI, i dostosować wartości. Nie musisz pisać Three.js od zera. Umiejętności prototypowania gier 3D Vibe Skills generują konfigurację silnika; Ty piszesz rozgrywkę. Jeśli potrafisz edytować React lub vanilla JS, możesz wysłać prototyp Three.js w weekend.

Jak mogę zarabiać na prototypie weekendowym?

Zazwyczaj nie zarabiasz. Pierwszy prototyp służy do budowania portfolio, walidacji i nauki. Gdy prototyp zyskuje na popularności (ponad 10 tys. odtworzeń na itch.io to dobry sygnał), typowe ścieżki zarobku to: płać, ile chcesz na itch, wersja Steam Early Access, lub wersja webowa z reklamami na portalach takich jak CrazyGames. W przypadku wersji weekendowych skup się na wysyłce i treściach do dziennika deweloperskiego - dochód to problem na 3 miesiące.

Co jeśli moja gra zawiesi się, gdy wyślę ją na itch.io?

Przetestuj wersję produkcyjną przed przesłaniem. Większość prototypów weekendowych psuje się w wersji produkcyjnej z powodu ścieżek do zasobów lub ustawień kontekstu WebGL - oba są do naprawienia w 5 minut, jeśli je wyłapiesz lokalnie. Potok budowania, który jest dostarczany z umiejętnościami na Vibe Skills, jest skonfigurowany do hostingu HTML5 itch.io od razu po wyjęciu z pudełka, co eliminuje większość tych problemów.

Czy mogę sprzedawać lub modyfikować kod z umiejętności gry Vibe Skills?

Tak. Umiejętności na Vibe Skills są dostarczane z licencją przyjazną dla komercyjnego użytku, która pozwala Ci wysyłać kod w swojej własnej wydanej grze na itch.io, Steam lub gdziekolwiek indziej. Twórcy zachowują własność intelektualną swojej umiejętności; Ty zachowujesz własność intelektualną swojej gry zbudowanej na niej.


Wyślij prototyp w ten weekend

Największym powodem, dla którego prototypy weekendowe nie są wysyłane, nie jest wybór umiejętności ani silnika. Jest to piątkowy wieczór, kiedy "jeszcze trochę poczytasz" i nigdy nie zaczniesz. Następny wolny weekend, który będziesz miał, postępuj zgodnie z czteroetapowym planem: zakres w piątek, budowa w sobotę rano, zawartość w sobotę po południu, dopracowanie i wysyłka w niedzielę. Użyj umiejętności prototypowania gier 3D, aby boilerplate był gotowy przed zaparzeniem kawy w sobotę.

Portfolio Twoich pierwszych dziesięciu prototypów weekendowych jest warte więcej niż Twoja hipotetyczna, sześciomiesięczna gra marzeń. Najpierw wysyłaj małe gry.

Przeglądaj umiejętności prototypowania gier 3D na Vibe Skills →


Pomiń maraton boilerplate Three.js. Zainstaluj umiejętność prototypowania gier 3D na Vibe Skills i wyślij grywalną wersję do niedzielnego wieczoru.

How to Prototype a 3D Game in a Weekend with AI Skills - Vibe Skills preview
Vibe Skills
Vibe Skills

Explora centos de habilidades listas para Claude, Cursor e moito máis.