Revista visual · Solo local

La historia de LAST FANTASY

Cómo Zeiknawn dirigió un juego web completo con IA, sin programar — en cinco días y 128 versiones.

Empieza aquí
Resumen · ≈ 12–15 min

Cinco días. Ciento veintiocho versiones. Cero líneas escritas a mano.

En cinco días (22–26 oct 2026) Zeiknawn dirigió con IA un juego web completo sin programar: 128 commits, de una casa en 2D a una cuadrícula 2.5D y un Stage 3 en 3D rehecho tres veces.

Inventó apps de guion, música y sprites para mandar órdenes desde el iPhone. Esta revista cuenta esa historia con datos del git y de las pláticas reales con Claude, Gemini y Cursor — nada inventado.

Si solo tienes 3 minutos: §1 «Cinco días» + §7 «Llévalo tú».

128 commits ≈261 prompts 52,729 líneas JS 83 sesiones IA
Sección 1

Cinco días, 128 versiones

El reloj de Mérida (America/Merida, UTC-6): del primer commit el 22-oct 19:29 al último el 26-oct 16:27 — ≈ 4 días 21 horas. Pico: 23 commits a la hora 6.

0
22-oct
0
23-oct
0
24-oct
0
25-oct
0
26-oct
22-oct
15 · 2D + S3 base
23-oct
35 · 2D→2.5D
24-oct
14 · borra S3 · apps
25-oct
26 · voxel + táctil
26-oct
38 · v1.00→1.2
Sala mínima en blanco del Stage 1

Primer commit · b3ba673

22-oct 19:29 · «Baseline: juego completo…». Arranque 2D casa + Stage 3 Three.js.

Recámara Stage 1

Último commit · 4ca5b44

26-oct 16:27 · «1.2: leyenda del Observador…». Cierre narrativo tras v1.00 y v1.1.

Sección 2

No programó: dirigió

El loop real: pedir → probar en iPhone → lista numerada → commit → handoff. 261 prompts humanos «reales», /usage ×80, 83 sesiones IA respaldadas (Claude Code 66, Cursor 14, Gemini 3).

Pedirvisión / lista
ProbariPhone en vivo
Corregirpasos numerados
Commit128 en 5 días
Handoffsiguiente modelo
Sala Stage 1 HD-2D

Stage 1 como laboratorio

Probaba en el celular y congelaba lo que ya servía. Fuente: citas 24-oct 17:25.

«queremos iniciar en una casa en el primer nivel... y acabando ese primer nivel a partir de ahi somos libres de bosques, castillos, naves espaciales, queremos que sea una locura.»
22-oct 20:40 · Claude · Visión 2D→2.5D→3D
«ya no me sigas preguntando lo de las fases? y le metas turbo porque me tengo que ir» · «idealmente ya acabaste el juego :D con todo»
23-oct 06:53–06:58 · Claude · Modo turbo
«buscate sprites gratuitos de libre uso y robatelos el chiste es economizar, esto solo es un juego de prueba para alucinar a mis amigos»
22-oct 21:49 · Claude · Economizar

Números: 132 archivos JS · 52,729 líneas (42,727 en src/) · diálogo 148 escenas / 486 líneas · 37 pistas en manifest. Fuentes: codigo_estructura.json, biblia, prompts_estadisticas.json.

Sección 3

Las tres eras: 2D → 2.5D → 3D

Spec del 22-oct: «2d hd / crystal 4k / anime genshin». Lo que quedó jugable: casa HD-2D, tablero táctico 2.5D, calle voxel 3D.

Paseo Stage 1 era 2D
Era 2D

Casa HD-2D

Stage 1 rehecho 23-oct · congelado 24-oct 17:25 «ESTÁ PERFECTO».

Batalla 2.5D con tres héroes
Era 2.5D

Cuadrícula táctica

Stage 2 estilo FFT · biomas · tablero 10×8 · héroes en combate.

Ciudad voxel Stage 3
Era 3D

Calle voxel

Bloom, rejilla neón, v1.00→1.2. Rehecho ≈ tres veces.

Tres héroes pixel del desierto

Los tres héroes

Armadura gris, túnica verde, azul-dorado. Stage 2 combate isométrico.

Dunas Stage 2

Del spec a lo jugable

«en el stage 1 … 2d hd… 2.5d … hd crystal 4k… 3d tipo anime genshin» — 22-oct 21:12.

Sección 4

El Stage 3 se murió tres veces

Baseline Three.js → «está horrible, borrar» (24-oct) → voxel → v1.00–1.2. Mientras, Stage 1 quedó congelado.

Pantalla de carga hell Stage 3

Borrar sin miedo

24-oct 07:52: «El stage 3 está horrible, es mejor eliminarlo totalmente y volver a empezar de 0… solo stage 1 y 2 son los únicos que valen la pena.»

Pantalla voxel mirando hacia arriba

Renacer voxel

25-oct bloom/rejilla · 26-oct módulos s3v · b7b793c v1.00 · bb6cca2 v1.1 · 4ca5b44 v1.2.

Línea de muerte y renacimiento

Baseline 22-oct: Three.js en vendor/ (~60k líneas librería). Pedido 24-oct 07:52: borrar S3. da5d7bd 25-oct 21:53 bloom/rejilla neón. Lote Ronda 4 26-oct 06:36. Versiones 1.00 → 1.1 → 1.2 el mismo 26-oct.

Congelar lo bueno

24-oct 17:25: «Todo lo que tiene que ver con el STAGE 1 y la transición hasta el punto del MENU de final fantasy… ESTÁ PERFECTO, no me lo vuelvas a editar.»

Sección 5

Las tres apps del celular

Dirigir arte, audio y diálogo sin abrir el IDE: Guion (24-oct 12:51), Música (14:33), Sprites (25-oct 10:55).

Mock app guion
guion_app.html
24-oct 12:51 · Gemini CLI
Mock app música / menú
musica_app.html
24-oct 14:33 · fades M4A/FLAC
Mock app sprites
sprite_app.html
25-oct 10:55 · arte desde el phone

Citas: «Necesito una aplicación visual POr STAGE 1 y STAGE 2…» · «una app donde se muestren en que momento está sonando cada M4a/FLAC… fade in or out».

Sección 6

Tropiezos que enseñaron

Sprites al revés, brazos faltantes, dos IAs pisándose, tokens. Cada error → una regla de oro.

Sprites flotando / anclaje
Personajes despegados del suelo; brazos o poses rotas tras muchas generaciones.
Regla: mide, no adivines. Anclaje medido + anchorlock. La IA de texto dibuja mal el pixel art — mejor assets externos / CC0.
Tokens como reloj
25-oct 15:17: «ya la intento un monton de veces y le sale mal, y ya gaste tokens».
Regla: arte de fuera, IA solo integra. /usage×80; Haiku para microtareas; Opus para plan.
Dos IAs sin dueño
Carriles que se pisan cuando Claude y Gemini/Cursor tocan la misma fase.
Regla: dueño por fase. Documenta para el siguiente modelo (bitácora, handoffs, caso de estudio).
Stage 3 tóxico
Stage 3 hellEl 3D rompía la magia una y otra vez.
Regla: si un stage rompe la magia, bórralo. Se rehízo ~3 veces hasta v1.2.
Ruinas Stage 2

Ruinas útiles

Cada tropiezo quedó en historia.md §Problemas y en el caso de estudio — para no repetirlo.

Sección 7 · Llévalo tú

Lo que puedes llevarte

Seis reglas prácticas para vibecoders. Semáforo: 🟢 hazlo ya · 🟡 según el proyecto · 🔴 no lo ignores.

🟢

Congela lo que ya sirve

Stage 1 + menú FF se volvieron línea roja. Si está perfecto, no lo edites.

🟢

Mide, no adivines

Sprites flotando → anclaje medido. Números del git y del /usage, no intuición.

🟢

Hazte herramientas

Guion, música y sprites desde el celular. El IDE no es el único mando.

🟡

Dueño por fase

Dos IAs necesitan un humano que asigne carriles o se pisan.

🟢

Documenta para el siguiente modelo

Bitácora, handoffs, caso de estudio. El contexto es el verdadero savegame.

🔴

Borra sin miedo

Si un stage rompe la magia, elimínalo. El Stage 3 se murió tres veces y por eso vivió.

Mirar hacia la pantalla en Stage 3

Juego publicado (solo lectura)

https://game-two-ebon-98.vercel.app/ · título en pantalla: «Algún día de noviembre».

continua…

Pendiente documentado — sin inventar fechas: LF v2 (cuestionario), Project Astra, ASRAMIND. El giro narrativo del 26-oct ya mezcló cuántica, demonios, simulación y la idea de que «el único que te puede salvar es tu Dios».

Frame final de la historia

Nombre meta (4.ª pared)

«The Last Fantasy – Childrens of light and the MAED» · biblia §A.1. Creador público: Zeiknawn.

Abrir el juego ↗