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" — supervivencia de horror postapocalíptico, juzgando si la persona en la puerta es humana o monstruo, sobreviviendo 14 noches. Pero esta vez, lo estamos haciendo enteramente a través del Agent de IA de Studio.
¿Qué es el Agent de IA de Studio?
El asistente de IA en Studio no es solo un chatbot: es un asistente de IA que puede modificar directamente tu Mundo. Dile "añádeme una Variable de salud" en lenguaje natural, y realmente la creará.
Así es como funciona:
- Describes lo que necesitas
- La IA analiza y propone cambios (te dice lo que está a punto de hacer)
- Haces clic en Aprobar → los cambios surten efecto
- ¿No estás contento? Haz clic en Rechazar y la IA ajusta su enfoque
Cada modificación está respaldada por una instantánea, así que puedes deshacer en cualquier momento, sin miedo a romper nada ∠( ᐛ 」∠)＿
Paso 1: Crear Mundo + entrar a Studio
Esta parte aún la haces tú mismo:
- Haz clic en el botón Create en la navegación izquierda
- Selecciona Blank Project
- Escribe un nombre en la parte superior izquierda:
The Imposters - Haz clic en Enter Studio en la parte superior del editor
Una vez en Studio, verás el panel del Asistente de IA a la izquierda. Ese es tu espacio de trabajo principal de aquí en adelante.
Paso 2: Dile a la IA lo que quieres
En el cuadro de entrada del Asistente de IA, dale tu concepto completo del juego de una sola vez. Cuanto más detalle proporciones, mejor será la salida.
Copia y pega esto para empezar:
Constrúyeme un juego de supervivencia de horror postapocalíptico similar a "No, I'm not a Human".
Ambientación: El apocalipsis ha comenzado. La ciudad está invadida por "Visitantes" — entidades que parecen
exactamente humanos. El jugador está solo en casa, y cada noche alguien viene a llamar a la puerta.
El jugador debe juzgar si el visitante es humano o monstruo y decidir si abrir la puerta.
Reglas del juego:
- El juego dura 14 días (14 noches)
- Noche: 2–3 visitantes por noche, el jugador juzga mediante observación por mirilla y conversación a través de la puerta
- Día: explorar libremente las habitaciones y usar objetos
- Rasgos de los Visitantes: dientes anormalmente uniformes, pupilas anómalas, textura de piel extraña
- Rasgos humanos: imperfecciones normales — caries, ojeras, cicatrices
Necesito estas variables:
- player_hp (salud, 0–5, por defecto 3): toma -1 cuando es atacado por un Visitante; cae a 0 si entra el Extraño Pálido
- energy_current (energía, 0–8, por defecto 3): los cacheos y disparos cuestan 1 punto; mirilla y hablar son gratis; se restaura al máximo durante el día
- game_day (conteo de días, 1–14): aumenta en 1 después de cada ciclo completo noche-día
- game_phase (fase): "Night" o "Day"
- player_has_gun (tiene pistola, 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 activadas por palabras clave
(evento de golpes en la puerta, observación por mirilla, búsqueda en habitación).
Constrúyeme también un root component estilo monitor CRT (`index.tsx`) que mantenga la cubierta 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 título
CRT con brillo verde / ámbar con efecto de líneas de escaneo)
- Animación de golpes en la puerta (extrae ***texto entre triples asteriscos***, renderiza como texto rojo grande tembloroso)
- Botones de elección clicables (extrae las opciones A/B/C/D/E después de "Opciones sugeridas:", al hacer clic se envía automáticamente)
- Barra de estado HUD inferior (fuente monoespaciada, muestra energía/PV/estado armado)
- Estética general negro-verde de fin del mundoPaso 3: Revisa el plan de la IA
La IA se pone a trabajar. La verás pensar en los cambios y luego proponer un plan. Cada vez que quiere modificar tu Mundo, muestra una tarjeta de aprobación listando lo que está a punto de hacer.
Por ejemplo:
create_variable— crear la Variable de saludcreate_entry— crear la Entrada de configuración del sistemawrite_root_component— escribir el código del root component (index.tsx)
Examina la lista de operaciones, y si todo parece correcto, haz clic en Aprobar. La IA continúa con el siguiente paso.
No terminarás en una sola ronda
La IA puede necesitar varias rondas de aprobación para completar todo. Cada ronda hace un lote de cambios; tú apruebas y continúa. Todo el proceso podría tener 3-5 rondas: ten paciencia y déjala terminar (•̀ᴗ•́)و
¿Y si no estás contento?
Si algo se ve mal (como que el valor por defecto de una Variable es incorrecto), haz clic en Rechazar, luego dile a la IA qué corregir: "el valor por defecto de health debería ser 100, no 50". Lo ajustará y volverá a enviar.
Paso 4: Revisar y ajustar
Una vez que la IA termina, sal de Studio y vuelve al editor para ver lo que construyó. Comprueba cada sección:
- Lorebook — ¿es correcta la configuración del sistema? ¿Hay suficientes Entradas de Lorebook?
- Variables — ¿son razonables los tipos, valores por defecto y reglas de comportamiento?
- First Message — ¿el mensaje inicial tiene la atmósfera correcta?
- Custom UI — ¿la vista previa de
index.tsxse ve como quisiste?
Si algo necesita ajuste, tienes dos opciones:
- Vuelve a Studio y sigue chateando: dile a la IA "haz el mensaje inicial más corto" o "cambia el color de la barra de salud a rojo oscuro"
- Edita directamente: cambia los campos en el editor tú mismo, igual que en el tutorial manual
No olvides ir a Overview y rellenar la información de publicación: imagen de portada, descripción, Etiquetas e idioma.
Paso 5: Probar y publicar
Haz clic en Save, luego abre una nueva Sesión para probar. Misma lista de verificación que el tutorial manual:
| Elemento a comprobar | Cómo verificar |
|---|---|
| Aparece el mensaje inicial | El primer mensaje se muestra automáticamente al entrar |
| Panel de estado | Barra de salud, barra de energía y conteo de días visibles sobre los mensajes |
| Directivas funcionando | Las Variables cambian después de las interacciones |
| Activadores del Lorebook | Mencionar "peephole" hace que la IA siga las reglas |
¿Encontraste un problema durante las pruebas? Vuelve a Studio y dile a la IA: "Durante las pruebas noté que la IA no está deduciendo salud, ¿puedes comprobar las reglas de comportamiento de la Variable health?". La IA diagnosticará y arreglará.
Una vez que las pruebas pasen, haz clic en Publicar en la barra superior del editor (al lado de Save), establece la clasificación de contenido (General o Sensible) y la visibilidad en el diálogo, ¡y publica!
Consejos para chatear con el Agent
1. Haz que tu primer mensaje sea lo más detallado posible
Cuanto más contexto tenga la IA, menos revisiones necesitarás. Intenta incluir en tu primer mensaje:
- Tipo de juego y mecánicas principales
- Qué Variables necesitas y qué significa cada una
- Descripción de estilo y atmósfera
- Qué tipo de UI quieres
2. Iterar paso a paso supera a intentar acertar de una vez
Si tu Mundo es complejo, no intentes meter todo en un mensaje. Divídelo:
Ronda 1: "Construye un juego de supervivencia de horror — empieza con la configuración del sistema, Variables y mensaje inicial"
→ Revisar, aprobar
Ronda 2: "Ahora añade Entradas de Lorebook: evento de llamada a la puerta, observación por mirilla y búsqueda de habitación"
→ Revisar, aprobar
Ronda 3: "Finalmente, reescribe el root component con una UI estilo horror oscuro que muestre salud y conteo de días"
→ Revisar, aprobar3. Da retroalimentación específica
❌ "La UI no se ve bien" — la IA no sabe qué está mal ✅ "La barra de salud es demasiado fina, duplica la altura. El fondo es demasiado brillante, cámbialo a negro puro #000" — la IA sabe exactamente qué arreglar
4. Usa la vista previa del Canvas
El panel Canvas en el lado derecho de Studio da una vista previa en vivo de tu root component. Después de que la IA modifique index.tsx, comprueba Canvas para ver el efecto. Si no es correcto, sigue hablando.
Manual vs. Agent: la comparación
| Tutorial manual | Tutorial del Agent | |
|---|---|---|
| Tiempo requerido | 30-60 minutos | 5-15 minutos |
| Lo que aprendes | Qué significa cada campo y cómo usarlo | Cómo colaborar efectivamente con la IA |
| Mejor para | Personas que quieren entendimiento profundo del motor | Personas que quieren enviar rápido |
| Control | Control total sobre cada detalle | La IA hace la mayoría, tú ajustas |
| Recomendación | Haz el manual primero, la primera vez | Usa el Agent para velocidad una vez que estés cómodo |
Mejor práctica
Haz primero el tutorial manual una vez para entender los conceptos principales del motor. Luego usa el Agent: saber "lo que está haciendo" te permite dar mejores instrucciones y detectar errores más fácilmente.
Próximos pasos
Ahora conoces dos formas de construir un Mundo. Desde aquí:
- ¿Quieres profundizar en una característica específica? Mira la sección Referencia de características
- ¿Quieres ver cómo las recetas combinan características? Navega las páginas de recetas para ejemplos elaborados
- ¿Quieres hacer que tu Mundo se vea mejor? Mira la Guía de UI personalizada
¡Ahora ve a construir algo propio! ᕕ( ᐛ )ᕗ