Com prototipar un joc 3D en un cap de setmana amb habilitats d'IA

Envia un prototip de joc 3D jugable en 48 hores. El flux de treball de divendres a diumenge utilitzant habilitats d'IA, Three.js i Vibe Skills - per a desenvolupadors indie i aficionats.

3D GamesIndie Game DevThree.jsVibe CodingVibe Skills
Sarah Mitchell
Sarah Mitchell
Creator editorial lead
10,620
Com prototipar un joc 3D en un cap de setmana amb habilitats d'IA - Vibe Skills preview
Vibe Skills
Vibe Skills

Navega per centenars d'habilitats ja fetes per a Claude, Cursor i més.

Com prototipar un joc 3D en un cap de setmana: el flux de treball de divendres a diumenge

Pots llançar un prototip de joc 3D jugable a itch.io entre divendres a la nit i diumenge al vespre. Els game jams ho han demostrat durant més de vint anys. Les habilitats d'IA ara comprimeixen encara més el flux de treball: divendres és concepte i abast, dissabte és construcció, diumenge és poliment i llançament. Res de sobrecàrrega del motor, res d'equip, res de fulls de ruta de mesos.

Això no és una xerrada d'ànim. Ludum Dare es fa cada quatre mesos i lliura constantment 2.000 - 3.000 jocs acabats en 48 - 72 hores. El format funciona perquè la restricció força el llançament. Les habilitats d'IA us donen la mateixa restricció amb una rampa més ràpida: el codi repetitiu, les substitucions d'actius i el bucle de joc vénen pre-construïts perquè el cap de setmana es dediqui a les parts que realment se senten com un joc.

Aquesta guia és per a desenvolupadors independents, estudiants de disseny i aficionats que volen una cosa jugable per diumenge a la nit. Cobrim l'anatomia de la construcció de 48 hores, cinc habilitats de prototipat de jocs amb IA a Vibe Skills, i el flux de treball de divendres a diumenge que s'adapta a un cap de setmana.


Com prototipar un joc 3D en un cap de setmana amb habilitats d'IA - Vibe Skills preview
Vibe Skills
Vibe Skills

Navega per centenars d'habilitats ja fetes per a Claude, Cursor i més.

Per què els caps de setmana són temps suficient per llançar un prototip jugable

Els game jams han demostrat la construcció de 48 hores durant dues dècades. Ludum Dare va començar el 2002 i ara es fa tres vegades l'any amb més de 2.000 entrades per ronda. GMTK Game Jam atrau més de 8.000 submissions en un sol cap de setmana. itch.io allotja milers de pàgines de jam cada any, i la majoria dels jocs de jam es llancen en 48 - 72 hores des de zero.

El format funciona a causa de tres funcions de forçament:

  • L'abast es defineix abans que comenci el codi. Els temes de la jam eviten la propagació de funcions.
  • Data límit de presentació pública. Divendres a diumenge significa que no hi ha un "ho poliré la setmana que ve".
  • Lliurament basat en navegador. itch.io i Newgrounds lliuren a un enllaç de navegador, no a un instal·lador.

El que va canviar el 2026 és la rampa. Les habilitats d'IA redueixen el codi repetitiu que abans consumia 8 - 10 hores d'una jam:

  • Configuració de la escena Three.js, il·luminació, càmera
  • Controlador de jugador (teclat, ratolí, gamepad)
  • Física (raycast, col·lisionadors, AABB bàsic)
  • Marc d'actius (personatge low-poly, accessoris d'entorn, skybox)
  • Pipeline de construcció que exporta una construcció HTML jugable

Aquesta feina de configuració és ara un pas de 30 minuts. La resta del cap de setmana és disseny, construcció de nivells i sensació.


Com prototipar un joc 3D en un cap de setmana amb habilitats d'IA - Vibe Skills preview
Vibe Skills
Vibe Skills

Navega per centenars d'habilitats ja fetes per a Claude, Cursor i més.

L'anatomia de la construcció de 48 hores

Cada prototip de cap de setmana que es llança segueix aproximadament les mateixes quatre fases. Si us salteu una fase, la construcció no arribarà a itch.io. Si dediqueu massa temps a una fase, la fase de poliment es menjarà.

FaseBloc de tempsQuè fasQuè lliures al final de la fase
Fase 1: AbastDivendres 18:00 - 22:00Trieu gènere, escriviu document de disseny d'1 pàgina, decidiu el bucle central, trieu habilitat d'IADocument de disseny + habilitat triada
Fase 2: ConstruccióDissabte 9:00 - 20:00Genereu codi repetitiu, construïu la mecànica central, afegiu 1 - 2 nivells, enllaceu entradaConstrucció jugable amb estat de guanyar/perdre
Fase 3: PolimentDiumenge 10:00 - 16:00So, "juice", finestra emergent de tutorial, equilibri, passa de bogeriaConstrucció que no es trenca en els primers 60 segons
Fase 4: LlançamentDiumenge 16:00 - 20:00Exporteu, escriviu pàgina d'itch.io, enregistreu GIF, publiqueu a les xarxes socialsPàgina pública d'itch.io amb una construcció web funcional

L'estructura de quatre fases deixa marge per a les coses que sempre surten malament: un cas límit de física trencat, una importació d'actius maleïda, una construcció que s'executa localment però es trenca a WebGL. Planifiqueu per als errors.


Com és realment el "Vibe Coding" d'un joc

"Vibe coding" és el flux de treball de construcció de programari descrivint el que voleu i deixant que la IA generi el codi, i després iterant sobre la sortida. Per als jocs funciona perquè la major part de la base de codi és fontaneria. Les parts divertides - sensació, disseny de nivells, so, direcció d'art - es mantenen humanes, però el codi repetitiu es genera.

Un joc de cap de setmana "vibe-coded" es veu així: escriviu el document de disseny en anglès pla en una pestanya de Cursor o Claude, instal·leu una habilitat de joc 3D de Vibe Skills que inclou el codi de Three.js, demaneu a la IA que afegeixi la mecànica específica del gènere, i després ajusteu la sensació - alçada del salt, retard de la càmera, intensitat de les partícules. La IA fa la digitació. Vostè fa el disseny. Aquesta divisió és el que fa possible un prototip de cap de setmana per a algú que no és un enginyer sènior.


5 habilitats de prototipat de jocs amb IA a Vibe Skills

Aquestes habilitats estan construïdes per comprimir la fase de codi repetitiu d'un prototip de cap de setmana. Totes es troben a la categoria Jocs 3D a Vibe Skills i inclouen codi Three.js, un pipeline de construcció funcional i una exportació a punt per a itch.io.

1. Generador d'esquemes de jocs Three.js

El punt de partida per a gairebé tots els prototips 3D de cap de setmana. Genera una escena Three.js amb un controlador de jugador, una càmera en tercera persona, il·luminació bàsica, un skybox i un pla terrestre amb col·lisions. La sortida és un projecte Vite que podeu fer pnpm dev en 30 segons i un pnpm build que produeix un paquet HTML a punt per a itch.io.

Millor per a: qualsevol gènere excepte 2D pur. Utilitzeu-ho com a projecte del dia zero.

2. Habilitat de caminant en primera persona

Genera un controlador en primera persona poliment (WASD + visió del ratolí + gravetat + sprint + salt) amb ganchos d'àudio de pas i "head-bob". Si hi poseu el vostre propi mall del nivell a sobre, tindreu un simulador de caminar, un prototip de terror o un joc de museu per al dinar de dissabte.

Millor per a: simuladors de caminar, terror, prototips d'exploració, jocs narratius.

3. Kit de tirador d'arena "top-down"

Genera una càmera "top-down", un controlador "twin-stick" (teclat o gamepad), un generador d'ones, una IA bàsica d'enemics, un sistema de projectils i un HUD de puntuació. El bucle del tirador és una base de joc coneguda i bona; canvieu els gràfics i el patró de generació i tindreu un joc completament nou.

Millor per a: tiradors arcade, bullet hell, acció "twin-stick".

4. Esquelet de plataformes de trencaclosques 3D

Genera un controlador de plataformes en tercera persona (salt variable, "coyote time", detecció de cornisa), un sistema de checkpoints i una plantilla de nivell amb tres nivells "stub" que podeu editar a Blender o directament en codi. Inclou un bucle de mort/respawn i un disparador de finalització de nivell.

Millor per a: plataformes de trencaclosques, prototips de parkour, jocs independents optimitzats per a "speedrun".

5. Sandbox de conducció al navegador

Genera una sensació de conducció arcade (curva d'acceleració, física de derrapada, retard de càmera, terreny bàsic) més un cotxe low-poly que podeu recolorir en 10 segons. Si hi poseu un mall de pista, tindreu un prototip de curses per al sopar de dissabte.

Millor per a: curses arcade, conducció fora de carretera, simuladors de trànsit, proves de sensació de cotxe.

Navega per totes les habilitats de jocs 3D a Vibe Skills →


El flux de treball de divendres a diumenge

Aquest és l'horari exacte que s'adapta a un cap de setmana. Ajusteu l'hora d'inici, però mantingueu l'ordre de les fases.

Divendres 18:00 - 22:00: Abast i configuració

Pas 1: Trieu una habilitat de prototipat de jocs de Vibe Skills. Navegueu per la categoria Jocs 3D i trieu l'habilitat que coincideixi amb el gènere que voleu construir. Si encara no ho sabeu, utilitzeu el Generador d'esquemes de jocs Three.js per defecte: s'adapta a qualsevol cosa.

Pas 2: Escriviu un document de disseny d'una pàgina. Obriu un nou document i responeu aquestes cinc preguntes en anglès pla. No ometeu cap d'elles.

  • Què fa el jugador cada 5 segons? (el bucle central)
  • Quina és la condició de victòria? Quina és la condició de derrota?
  • Quants nivells o quant dura una partida?
  • Quin és el ganxo visual? (il·luminació, paleta de colors, referència d'estil)
  • Quina és la característica única que fa que aquest joc sigui memorable en 30 segons de joc?

Pas 3: Instal·leu l'habilitat i executeu el codi repetitiu. Obteniu una construcció funcional executant-la localment. Haureu de veure un personatge jugador movent-se en una escena Three.js abans de mitjanit. Si no és així, reduïu l'abast: canvieu de gènere, simplifiqueu la càmera o trieu una habilitat més petita.

Dissabte 9:00 - 13:00: Construir la mecànica central

Pas 4: Reemplaceu la mecànica de marcador de posició amb la vostra única característica. Aquesta és l'única característica que importa. Si el vostre joc és "pesca en primera persona en un llac encantat", el matí d'avui és només la lògica de llençar la canya de pescar i la sensació del shader d'aigua. Res més.

Pas 5: Feu funcionar l'estat de guanyar/perdre. Un prototip de 60 segons amb una pantalla de victòria se sent com un joc. Un prototip de 60 minuts sense estat final se sent com una demo tècnica. Sempre lliureu l'estat final primer.

Dissabte 13:00 - 20:00: Afegir contingut i nivells

Pas 6: Construïu un nivell o una partida completament jugable. No tres nivells a mig fer, sinó un de poliment. Utilitzeu cubs de marcador de posició per a la geometria. Utilitzeu el personatge de marcador de posició de l'habilitat. Ajusteu la sensació.

Pas 7: Afegiu una finestra emergent de tutorial. Un avís de dues frases "WASD per moure's, feu clic per pescar" en el primer llançament salva la vostra pàgina d'itch.io de jugadors confosos que es rendeixen en 8 segons.

Diumenge 10:00 - 16:00: Poliment

Pas 8: Afegiu so. Fins i tot tres sons (passos, bucle ambiental, jingle de victòria) eleven dràsticament un prototip. Fonts gratuïtes: freesound.org, opengameart.org, les aplicacions de Foley generades per IA a inference.sh.

Pas 9: Afegiu "juice". Partícules en colpejar, vibració de pantalla en impacte, un número emergent en la puntuació. El "juice" és el que fa que un prototip de 48 hores sembli un de 6 mesos en un GIF.

Pas 10: Passa de bogeria. Jugueu la vostra construcció cinc vegades seguides. Repareu qualsevol cosa que es trenqui dues vegades. Ignoreu qualsevol cosa que es trenqui una vegada.

Diumenge 16:00 - 20:00: Llançament

Pas 11: Construïu el paquet de producció. pnpm build al projecte de la vostra habilitat. Proveu la construcció de producció en una pestanya de navegador nova.

Pas 12: Creeu una pàgina d'itch.io. Títol, eslògan d'una línia, tres captures de pantalla, un GIF, controls, crèdits, enllaç al vostre "devlog". Tota la pàgina hauria de trigar 45 minuts si teniu els actius llestos.

Pas 13: Publiqueu l'enllaç. Twitter, Bluesky, el vostre Discord de comunitat de desenvolupament, el subreddit pertinent. Utilitzeu el GIF com a previsualització, no la captura de pantalla. Els "devlogs" que inclouen el nom de l'habilitat d'IA (i un enllaç a ella) tendeixen a obtenir més clics.


Què fer quan arribeu al mur de dissabte

La majoria dels prototips de cap de setmana moren el dissabte a la tarda. La mecànica és més difícil del que semblava, la física és estranya i comenceu a qüestionar-vos si el joc és divertit. Aquest és el mur. Cada desenvolupador de jam hi arriba.

Les tres maneres de rescat:

  • Retalleu una funció. Si la lluita contra el cap us està lluitant, retalleu el cap. Si el multijugador està trencat, lliureu el mode per a un jugador. El prototip llançat sempre és millor que l'ambiciós inacabat.
  • Canvieu a gràfics de marcador de posició. Si esteu passant el dissabte a Blender, pareu. Utilitzeu cubs i càpsules. El poliment guanya prototips; els actius guanyen actualitzacions posteriors a la jam.
  • Rellegiu el document de disseny. Quina era la característica única que importava? Dediqueu la resta del dissabte només a això.

Els actius de marcador de posició de l'habilitat són prou bons per llançar. Els jugadors jutjaran la sensació, el "juice" i el bucle. No jutjaran l'accessori de roca al fons.


On allotjar i com compartir

itch.io és l'opció per defecte per als prototips de jocs de navegador, punt. Allotjament gratuït, sense cua de revisió, els incrustats funcionen a tot arreu, i el públic espera construccions de cap de setmana crues. Newgrounds és una bona publicació secundària si el vostre joc té un angle de comèdia o arcade.

Per a visibilitat:

  • Presenteu-vos a una jam de jocs real si el vostre cap de setmana coincideix amb una (Ludum Dare, GMTK, js13k per a construccions amb restriccions de mida, GitHub Game Off al novembre). Fins i tot fora d'una jam oficial, publicar en una pàgina temàtica de jam atrau ulls.
  • Publiqueu un GIF de 15 segons a Twitter, Bluesky i r/IndieDev / r/IndieGaming amb l'enllaç d'itch.io.
  • Afegiu una entrada de "devlog" a la vostra pàgina d'itch.io: un paràgraf sobre quina habilitat d'IA heu utilitzat i què va canviar durant el cap de setmana.

Les primeres 100 reproduccions solen venir dels vostres propis comptes socials i una publicació de Reddit ben etiquetada. Després d'això, les pàgines "Novetats" i "Populars" d'itch.io s'encarreguen.


Preguntes freqüents

Realment puc construir un joc 3D en 48 hores sense experiència en desenvolupament de jocs?

Sí per a un prototip, no per a un joc poliment. Un cap de setmana us proporciona una mecànica jugable única amb un estat de guanyar/perdre, un nivell i una pàgina d'itch.io. Això és suficient per validar la idea, construir una peça de portafoli i decidir si mereix una construcció més llarga. Les habilitats d'IA a Vibe Skills s'encarreguen del codi repetitiu perquè el cap de setmana es dediqui al disseny, no a la configuració.

Hauria de fer-ho sol o construir amb un equip per a un prototip de cap de setmana?

Sol per al vostre primer. Equip per al vostre segon. Els prototips individuals s'envien més sovint perquè no hi ha cost de coordinació. Un cop conegueu el vostre propi ritme, un equip de 2 (un disseny + codi, un art + so) és el punt ideal per a un cap de setmana. Els equips de 4+ normalment no s'envien en 48 hores.

Necessito saber Three.js o un motor de joc abans de començar?

Necessiteu saber prou JavaScript per llegir el que genera la IA i ajustar els valors. No necessiteu escriure Three.js des de zero. Les habilitats de prototipat de jocs 3D de Vibe Skills generen la configuració del motor; vós escriviu el joc. Si podeu editar React o JavaScript bàsic, podeu lliurar un prototip Three.js en un cap de setmana.

Com monetitzar un prototip de cap de setmana?

Normalment no ho feu. El primer prototip és per a portafoli, validació i aprenentatge. Un cop un prototip guanya tracció (més de 10.000 reproduccions a itch.io és un bon senyal), els camins de monetització típics són: paga el que vulguis a itch, una construcció d'accés anticipat a Steam o una versió web amb publicitat en portals com CrazyGames. Per a les construccions de cap de setmana, centreu-vos en el llançament i el contingut del "devlog"; els ingressos són un problema del tercer mes.

Què passa si el meu joc es bloqueja quan el publico a itch.io?

Proveu la construcció de producció abans de pujar-la. La majoria dels prototips de cap de setmana es trenquen en producció a causa de les rutes dels actius o la configuració del context WebGL, ambdós reparables en 5 minuts si els detecteu localment. El pipeline de construcció que s'inclou amb les habilitats a Vibe Skills està configurat per a l'allotjament HTML5 d'itch.io de sèrie, cosa que elimina la majoria d'aquests problemes.

Puc vendre o modificar el codi d'una habilitat de joc de Vibe Skills?

Sí. Les habilitats a Vibe Skills s'envien amb una llicència comercialment amigable que us permet lliurar el codi al vostre propi joc publicat a itch.io, Steam o qualsevol altre lloc. Els creadors conserven la propietat intel·lectual de la seva habilitat; vós conserveu la propietat intel·lectual del vostre joc construït sobre ella.


Llança el prototip aquest cap de setmana

La raó més important per la qual els prototips de cap de setmana no s'envien no és l'elecció de l'habilitat o del motor. És el divendres a la nit on "investigueu una mica més" i mai no comenceu. El proper cap de setmana lliure que tingueu, seguiu el pla de quatre fases: abast divendres, construcció dissabte al matí, contingut dissabte a la tarda, poliment i llançament diumenge. Utilitzeu una habilitat de prototipat de jocs 3D perquè el codi repetitiu estigui fet abans de fer cafè dissabte.

El portafoli dels vostres primers deu prototips de cap de setmana val més que el vostre hipotètic joc somiat de sis mesos. Lliureu els petits primer.

Navega per habilitats de prototipat de jocs 3D a Vibe Skills →


Eviteu la marató de codi repetitiu de Three.js. Instal·leu una habilitat de prototipat de jocs 3D a Vibe Skills i lliureu una construcció jugable abans de diumenge a la nit.

Com prototipar un joc 3D en un cap de setmana amb habilitats d'IA - Vibe Skills preview
Vibe Skills
Vibe Skills

Navega per centenars d'habilitats ja fetes per a Claude, Cursor i més.