Tutorial perezoso: deja que la IA construya todo tu mundo
El tutorial anterior te hacía rellenar cada campo a mano. Este te muestra que en realidad no tienes que hacerlo: simplemente deja que el asistente de IA de Yumina se encargue (￣▽￣)ノ
Vamos a construir el mismo juego: "The Imposters" —— survival horror post-apocalíptico, juzgar si quien está en la puerta es humano o monstruo, sobrevivir 14 noches. Pero esta vez lo hacemos enteramente a través del asistente de IA del Studio.
¿Qué es el asistente de IA del Studio?
El Asistente IA del Studio no es solo un chatbot —— es un asistente de IA que puede editar tu mundo directamente. Dile en lenguaje natural «añádeme una variable de vida» y de verdad la creará.
Cómo funciona:
- Describes lo que necesitas
- La IA analiza y propone cambios (te dice qué va a hacer)
- Haces clic en Aprobar → el cambio se aplica
- ¿No te gusta? Haz clic en Rechazar y la IA ajusta su propuesta
Cada cambio tiene una copia de seguridad en instantánea, así que siempre puedes revertir —— sin miedo a romper nada ∠( ᐛ 」∠)＿
Paso 1: Crear el mundo + entrar al Studio
Esta parte aún la haces tú:
- Haz clic en el botón Crear de la navegación izquierda
- Selecciona Proyecto en blanco
- Escribe el nombre arriba a la izquierda:
The Imposters - Haz clic en Entrar al Studio en la parte superior del editor
Una vez dentro del Studio, verás el panel Asistente IA a la izquierda. A partir de ahora, ese es tu espacio de trabajo principal.
Paso 2: Dile a la IA lo que quieres
En el campo de entrada del Asistente IA, envíale el concepto completo del juego de una vez. Cuantos más detalles des, mejor será el resultado.
Copia y pega lo siguiente para empezar:
Constrúyeme un juego de survival horror post-apocalíptico similar a «No, I'm not a Human».
Ambientación: El apocalipsis ha comenzado. La ciudad está invadida por «Visitantes» —— entidades
que se ven exactamente como humanos. El jugador está solo en casa, y cada noche alguien viene a llamar.
El jugador debe juzgar si el visitante es humano o monstruo y decidir si abre la puerta.
Reglas del juego:
- El juego dura 14 días (14 noches)
- Noche: 2–3 visitantes por noche, el jugador juzga observando por la mirilla y conversando en la puerta
- Día: explorar libremente las habitaciones y usar objetos
- Rasgos de los Visitantes: dientes antinaturalmente uniformes, pupilas anormales, textura de piel extraña
- Rasgos humanos: imperfecciones normales —— caries, ojeras, cicatrices
Necesito estas variables:
- player_hp (vida, 0–5, por defecto 3): -1 al ser atacado por un Visitante; a cero si el Desconocido Pálido entra
- energy_current (energía, 0–8, por defecto 3): los registros y disparar cuestan 1 punto; la mirilla y hablar son gratis; se restaura al máximo de día
- game_day (día, 1–14): aumenta en 1 tras cada ciclo completo noche-día
- game_phase (fase): "Night" o "Day"
- player_has_gun (si está armado, por defecto true): disparar cuesta 1 de energía
Escríbeme una entrada de configuración del sistema, un mensaje de apertura, y entradas del Lorebook
disparadas por palabras clave (evento de llamada, observación por la mirilla, búsqueda de habitación).
Además, constrúyeme un componente raíz (`index.tsx`) estilo monitor CRT que mantenga la cáscara
externa `<Chat renderBubble={(msg) => ...} />` y personalice las burbujas:
- Título de fase noche/día (extrae «🌑 **NOCHE X**» o «☀️ **DÍA X**» de las respuestas de la IA, renderiza como
resplandor verde CRT / título ámbar con efecto de scanlines)
- Animación de golpes (extrae el ***texto con triple asterisco***, renderiza como texto rojo grande temblando)
- Botones de opción clicables (extrae las opciones A/B/C/D/E tras «Opciones sugeridas:», clic para autoenviar)
- Barra de estado HUD inferior (fuente monoespaciada, muestra energía/vida/estado armado)
- Estética general negro-verde de fin del mundoPaso 3: Revisa la propuesta de la IA
La IA se pone a trabajar. La verás pensar los cambios y luego proponer un plan. Cada vez que vaya a editar tu mundo, mostrará una tarjeta de aprobación que lista las operaciones que hará.
Por ejemplo:
create_variable—— crear la variable de vidacreate_entry—— crear la entrada de configuración del sistemawrite_root_component—— escribir el código del componente raíz (index.tsx)
Revisa la lista de operaciones y, si todo se ve bien, haz clic en Aprobar. La IA continúa con el siguiente paso.
No se hace en una sola ronda
La IA puede necesitar varias rondas de aprobación para completarlo todo. En cada ronda hace un lote de cambios; tras tu aprobación, continúa. El proceso completo puede tener 3-5 rondas —— ten paciencia hasta que termine (•̀ᴗ•́)و
¿Y si no te gusta?
Si algo se ve mal (por ejemplo, el valor por defecto de una variable es incorrecto), haz clic en Rechazar y dile a la IA qué cambiar: «el valor por defecto de health debería ser 100, no 50». Lo ajustará y reenviará.
Paso 4: Comprobar y afinar
Cuando la IA termine, sal del Studio, vuelve al editor y mira lo que construyó. Revisa cada sección:
- Lorebook —— ¿la configuración del sistema está bien? ¿Hay suficientes entradas?
- Variables —— ¿los tipos, valores por defecto y reglas de comportamiento son razonables?
- Primer mensaje —— ¿la atmósfera de la apertura es la correcta?
- UI personalizada —— ¿la vista previa de
index.tsxes lo que querías?
Si necesitas ajustar, hay dos formas:
- Vuelve al Studio y sigue charlando —— dile a la IA «acorta el mensaje de apertura» o «cambia el color de la barra de vida a rojo oscuro»
- Edita directamente —— modifica los campos tú mismo en el editor, igual que en el tutorial manual
No olvides ir a Vista general para rellenar la info de publicación: imagen de portada, descripción, etiquetas e idioma.
Paso 5: Probar y publicar
Haz clic en Guardar, luego abre una nueva sesión para probar. La lista de comprobación es la misma que en el tutorial manual:
| Elemento a comprobar | Cómo verificar |
|---|---|
| Aparece el mensaje de apertura | El primer mensaje se muestra automáticamente al entrar |
| Panel de estado | Se ven la barra de vida, la de energía y el día sobre los mensajes |
| Las directivas funcionan | Las variables cambian tras las interacciones |
| El Lorebook se dispara | Mencionar «mirilla» hace que la IA siga las reglas |
¿Encontraste un problema en las pruebas? Vuelve al Studio y dile a la IA: «en las pruebas la IA no restó vida —— ¿puedes revisar las reglas de comportamiento de la variable health?». La IA diagnostica y arregla.
Cuando pasen las pruebas, haz clic en el botón Publicar de la barra superior del editor (justo al lado de Guardar), fija la clasificación de contenido (General o Sensitive Content) y la visibilidad en el diálogo, ¡y publica!
Consejos para chatear con el Asistente IA
1. Que el primer mensaje sea lo más detallado posible
Cuanto más contexto tenga la IA, menos correcciones necesitarás. Intenta incluir en el primer mensaje:
- El género del juego y la mecánica central
- Qué variables necesitas y el significado de cada una
- Descripción del estilo y la atmósfera
- Qué tipo de UI quieres
2. Iterar por pasos es mejor que todo de golpe
Si tu mundo es complejo, no intentes meterlo todo en un solo mensaje. Divídelo:
Ronda 1: «Constrúyeme un juego de survival horror —— empieza por la configuración del sistema, las variables y el mensaje de apertura»
→ revisar, aprobar
Ronda 2: «Ahora añade las entradas del Lorebook: evento de llamada, observación por la mirilla y búsqueda de habitación»
→ revisar, aprobar
Ronda 3: «Por último, reescribe la UI del componente raíz con un estilo de horror oscuro, mostrando vida y día»
→ revisar, aprobar3. Da feedback concreto
❌ «La UI no se ve bien» —— la IA no sabe qué está mal ✅ «La barra de vida es muy fina, dóblale la altura. El fondo es muy claro, ponlo negro puro #000» —— la IA sabe qué cambiar exactamente
4. Aprovecha la vista previa del Lienzo
El panel Lienzo a la derecha del Studio ofrece una vista previa en vivo del componente raíz. Cuando la IA edite index.tsx, mira el Lienzo para ver el efecto. Si no te gusta, sigue conversando.
Manual vs. Asistente IA: comparación
| Tutorial manual | Tutorial con Asistente IA | |
|---|---|---|
| Tiempo necesario | 30-60 minutos | 5-15 minutos |
| Lo que aprendes | El significado y uso de cada campo | Cómo colaborar con la IA de forma eficiente |
| Para quién | Quien quiere entender el motor a fondo | Quien quiere un resultado rápido |
| Control | Dominas cada detalle | La IA hace lo principal, tú afinas |
| Recomendación | La primera vez, hazlo manual | Una vez familiarizado, usa el Asistente IA para acelerar |
Mejor práctica
Haz primero el tutorial manual para entender los conceptos centrales del motor. Luego usa el Asistente IA —— saber «qué está haciendo» te permite dar mejores instrucciones y detectar problemas más fácilmente.
Siguientes pasos
Ahora conoces dos formas de construir mundos. A continuación:
- ¿Quieres profundizar en una función? Mira la sección Referencia de funciones
- ¿Quieres ver ejemplos de funciones combinadas? Explora los casos reales en las páginas de recetas
- ¿Quieres que tu mundo luzca mejor? Consulta la Guía de UI personalizada
¡Ahora ve a crear tu propio mundo ᕕ( ᐛ )ᕗ