🎨 DigitalTwin · Diagrama de flujo

Flujo principal del juego + rama Xpace Creator · v.2026.05.20 · capturas reales recapturadas hoy · NUEVO en violeta · click en un screenshot para verlo grande
Pantalla existente Pantalla nueva (splash + era + intro + selección de cliente) Salida / volver al menú Estado terminal
▶ Flujo principal del juego
SPLASH · NEW
🕹️
Splash de entrada
Landing "DIGITAL TWIN" sobre la tienda neón. Botones ▶ JUGAR / ▶ DEMO, nav superior Contacto + Navigator, y enlaces del grupo Admira (PixerIA · XpaceOS · Xbusiness).
▶ Jugar ▶ Demo
Splash de entrada
▶ JUGAR
S.ERA_SEL · NEW
🕰️
Selección de era
Estado inicial del canvas. Elige el arranque del storytelling: 1. ZX Spectrum (8 bits, 1982–87) · 2. Commodore Amiga (16 bits, 1987–92) · 3. PC DX 486 (32 bits, 1992–97, en preparación). Timeline + selector de idioma (Castellano / English).
ZX Spectrum Amiga PC 486 · soon
Selección de era
era elegida
S.PRELOAD
📼
Boot · LOAD""
Vídeo C64/Amiga retro + prompt simulado LOAD"". Animación de carga 2-3s antes del menú.
auto · 3s
S.MENU
🎮
Menú principal
ADMIRA XP · plataforma operativa multicliente. Selector de idioma + botón ABRIR XPACE CREATOR + 5 tarjetas: XP-01 Xtanco/Estancos (LIVE), XP-02 Loterías (pipeline), XP-03 Supermercado, XP-04 Stand Shoptalk EU 2026, XP-05 Xpace Creator.
▶ Abrir Xpace Creator tarjeta cliente
Menú principal
entrar a un vertical
S.INTRO · NEW
📖
Intro storytelling
Carrusel de 8 slides navegables (← →, skip con ESC). Incluye bienvenida, EL OBJETIVO (targets por año €2.2k→€40k + calificaciones S/A/B/C/D y bonus), clientes y más. Cada slide con fade animado.
← → navegar ESC salir
Intro storytelling
fin de slides
S.CLIENT_SEL · NEW
🗺️
Selección de cliente
Mapa de verticales conectados (Xpace Creator, Stand Shoptalk EU, Admira Loterías, Admira Supermercado, Xtanco + nodos "Servicios XP" / motores compartidos). El seleccionado muestra detalle abajo + ENTRAR.
← → elegir vertical ENTER abrir
Selección de cliente
Xtanco
S.MODEL_SEL
🏷️
Selección de modelo
Dentro del cliente, elige escenario: GENERIC / GOOD / BETTER / BEST. Cada uno con dificultad ★, nº de empleados, productos y caja inicial. Lleva sus FACTORY_LAYOUTS específicos. Botón ABRIR SIMULADOR.
▶ Simulador
Selección de modelo
abrir simulador
S.TUT
📋
Tutorial
"BIENVENIDO A XTANCO": gestiona tu estanco durante 5 años, alcanza el objetivo de ventas cada año, contrata personal, repón stock y fideliza clientes. Skipeable.
SIGUIENTE → SKIP
Tutorial
empezar partida
S.GAME
📊
Game (gameplay)
Pantalla principal del sim. HUD top (reloj + fecha + ventas/beneficio/satisfacción + cliente). Render isométrico de la tienda. Dock inferior: CONTROL TELEGRAM/WHATSAPP + panel CLIENTES + Signage/AdmiraLive/LiveCam/PixerIA/Edit/Menu + Ladrón/Guardia Civil/Opinador/Unitree Bot/Sponsor.
💾 Save ⏸ Pause ⏻ Quit
Game gameplay
fin de año
S.YEAR_END
📅
Fin de año
Balance anual: ingresos del año vs objetivo (barra animada), calificación S/A/B/C/D y bonus en € (positivo o negativo). Avanza al siguiente año o game over si falla el objetivo 2 veces.
Year end
tras 5 años o quiebra
S.GAME_END
🏆
Game End
"XTANCO CERRADO · RESULTADO FINAL": años completados, ingresos totales, clientes, satisfacción, fama, puntuación total y rango ("Xtanco Legendario"…) + leaderboard. Fondo verde si ganas, rojo si quiebras.
↩ Reiniciar
Game end
🎨 Rama Xpace Creator
URL
🔗
Entrada
Desde el botón ABRIR XPACE CREATOR del menú, o vía ?play=creator (bookmark-friendly). También creator.html que redirige.
enterXpaceCreator()
MODAL
🎨
Selector de plantillas
Modal "Empezar nuevo Xpacio": ↩️ Continuar mi Xpacio, ⬜ Lienzo en blanco, plantillas custom guardadas, y 4 built-in con miniatura de preview: 🚬 Tabaquería urbana · 🏛️ Estanco premium · 📰 Kiosco de prensa · 🎪 Pop-up store.
Blank 🚬 Tabaquería 🏛️ Estanco 📰 Kiosco 🎪 Pop-up
Modal selector plantillas
elegir plantilla
S.EDITOR
🛠
Editor del Xpacio
Canvas isométrico adaptativo. Toolbar superior (tamaño/grid/wallH, Reset, Salir). Dock derecho con paleta MOBILIARIO (Conectados / No conectados) y panel "EN EL XPACIO". Dock izquierdo CONTROL Telegram/WhatsApp.
Editor del Xpacio
tab TRABAJADORES
PALETTE DOCK
📦
Paleta · Trabajadores
Segunda tab de la paleta: roles (Cajero/a · Repositor/a · Azafata · Store Mgr · DJ) que se arrastran a slots del Xpacio. Panel "EN EL XPACIO" con los asignados. Guardar / ⭐ Plantilla / Reset / Salir.
💾 Guardar ⭐ Plantilla ↺ Reset ✕ Salir
Dock con paleta de trabajadores
✕ Salir
EXIT
Salir → Menú
exitXpaceCreator() restaura HUD y canvas estándar. startTransition(S.MENU).
// Notas del flow actual (2026-05-20)
· El flujo principal ganó 3 pantallas desde el navigator r1: S.ERA_SEL (ahora el estado inicial), S.INTRO (carrusel de storytelling) y S.CLIENT_SEL (mapa de verticales, antes embebido en el menú). Además hay un splash HTML de entrada con JUGAR / DEMO.
· Orden: SPLASH → ERA_SEL → PRELOAD → MENU → INTRO → CLIENT_SEL → MODEL_SEL → TUT → GAME → YEAR_END → GAME_END.
· ?play=creator sigue siendo la entrada canónica de la rama Creator. El modal de plantillas ahora muestra miniaturas de preview del layout en cada tarjeta (era una idea pendiente en r1, ya implementada).
· Capturas de YEAR_END y GAME_END generadas con datos de ejemplo para ilustrar la pantalla.

// Ideas para siguientes versiones
· Compartir plantilla: subir al worker (R2 + endpoint /creator/template) → URL pública.
· Editar plantilla existente (ahora siempre crea nueva).
· AI assist: brief textual → LLM genera {config, layout} automáticamente.
· Multi-planta / multi-piso en el editor (ahora 1 nivel).
· Era PC DX 486 (32 bits) — actualmente "en preparación" en la selección de era.