🎮 Reggie S4 — Wireframes v2

Todas las combinaciones · Mobile · Tablet V/H · Desktop

📱 Mobile (<640px) — Vertical

Estados alternados. Paneles y settings fullscreen. Keyboard reduce el área de chat.

🏠 Mundo
🔮 24
🎯
⚙️
⚡
Toca → stats / purificar
❤️ Recargar
10🔮
💧 Nutrir
10🔮
💬
Chat
📷
Foto
📖
Diario
💬 Chat (sin teclado)
🔮 24
🎯
⚙️
⚡
Rayo ✕ Mundo
¡Hey! ¿Qué tal tu día? Siento energía...
Fui al parque a correr
¡Genial! El movimiento libre me llena ⚡
Vi un atardecer increíble
Ojalá pudieras mostrarme... 📷
Te mando foto
¡Dale! Me emociona ver lo que encontraste
📎
Escribe algo...
→
💬 Chat (con teclado)
🔮 24
🎯
⚙️
⚡
Rayo ✕
¡Genial! El movimiento libre ⚡
Vi un atardecer increíble
Ojalá pudieras mostrarme... 📷
📎
Fue hermoso el cielo...
→
Q
W
E
R
T
Y
U
I
O
P
A
S
D
F
G
H
J
K
L
⇧
Z
X
C
V
B
N
M
⌫
123
espacio
enviar
📷 Cámara
← Volver
📷
Comparte una memoria
📷 Post-Foto (evaluación)
🔮 34
🎯
⚙️
⚡
"¡Ese atardecer! La luz moviéndose libre, como yo quiero ser."
+10 🔮 +8 progreso
Resonancia fuerte ✨
👤 Perfil / Stats
✕
⚡
Rayo
❤️
78
Pulso
💧
65
Esencia
✨
82
Espíritu
🔮
24
Fragmentos
Fracturas (2/4)
🎯 Misión activa
"Muéstrame algo que fluya libre — agua, viento, datos"
📖 Panel — Memorias
Memorias
Historial
✕
🌅
El atardecer del parque — sentí la energía del cielo libre
Hace 2h · Fuerte · +8 prog
🐕
Un perro jugando — velocidad pura, movimiento sin plan
Ayer · Media · +5 prog
📚
Escritorio con libros — información fluyendo libre
Hace 3 días · Media · +6 prog
🌧️
Lluvia en la ventana — cada gota un dato cayendo
Hace 5 días · Débil · +3 prog
🌳
Árbol en el parque — raíces como redes de datos
Hace 1 sem · Media · +5 prog
📖 Panel — Historial
Memorias
Historial
✕
🖼️
Compartiste una memoria — resonancia fuerte
Hace 2h · +10🔮 · +8 prog
💬
Conversación sobre el parque
Hace 2h · +3🔮
🔮
Recargaste pulso ❤️
Hace 5h · -10🔮
⚡
¡Segunda fractura cerrada!
Ayer · Milestone
🎯
Misión completada: "Algo que se mueva"
Ayer · +5 prog bonus
💬
Conversación sobre recuerdos
Hace 2 días · +4🔮
⚙️ Settings
⚙️ Ajustes ✕
Display
Pantalla completa
Tema oscuro
Tema claro
Audio
Música
Efectos
Info
TutorialReiniciar →
Versiónv0.4.0-S4

📋 Tablet Vertical (641-1024px)

Mismo layout que mobile, más espacioso. Sprite y elementos más grandes. Paneles y settings fullscreen.

🏠 Mundo
🔮 24
🎯
⚙️
⚡
Toca → stats / purificar
❤️ Recargar
10🔮
💧 Nutrir
10🔮
💬
Chat
📷
Foto
📖
Diario
💬 Chat (sin teclado)
🔮 24
🎯
⚙️
⚡
Rayo ✕ Mundo
¡Hey! ¿Qué tal tu día?
Fui al parque a correr un rato
¡Genial! El movimiento libre me llena de energía ⚡
Vi un atardecer increíble
Ojalá pudieras mostrarme... si tienes una foto, me encantaría verla 📷
Te mando la foto ahorita
¡Sí! Me emociona ver lo que encontraste hoy
📎
Escribe algo...
→
💬 Chat (con teclado)
🔮 24
🎯
⚙️
⚡
Rayo ✕
¡El movimiento libre me llena! ⚡
Vi un atardecer increíble
Ojalá pudieras mostrarme... 📷
📎
El cielo estaba...
→
Q
W
E
R
T
Y
U
I
O
P
A
S
D
F
G
H
J
K
L
⇧
Z
X
C
V
B
N
M
⌫
123
espacio
enviar
⚙️ Settings
⚙️ Ajustes✕
Display
Pantalla completa
Tema oscuro
Audio
Música
Efectos
📖 Panel — Memorias
Memorias
Historial
✕
🌅
El atardecer del parque — sentí la energía del cielo libre
Hace 2h · Fuerte · +8 prog
🐕
Un perro jugando — velocidad pura, movimiento sin plan
Ayer · Media · +5 prog
📚
Escritorio con libros — información fluyendo libre
Hace 3 días · Media · +6 prog
🌧️
Lluvia en la ventana — cada gota un dato cayendo
Hace 5 días · Débil · +3 prog
📷 Post-Foto
🔮 34
🎯
⚙️
⚡
"¡Ese atardecer! La luz moviéndose libre, como yo quiero ser."
+10 🔮 +8 progreso
Resonancia fuerte ✨

📋 Tablet Horizontal (641-1024px landscape)

Side-by-side como desktop. Mundo a la izquierda, chat/foto a la derecha. Paneles y settings fullscreen.

🏠 Mundo (default, full)
🔮 24
🎯
⚙️
⚡
Toca → stats / purificar
❤️ Recargar 10🔮
💧 Nutrir 10🔮
💬
Chat
📷
Foto
📖
Diario
🏠 Mundo + 💬 Chat (50/50)
🔮 24
🎯
⚙️
⚡
⚡
Rayo✕
¡Hey! ¿Qué tal? ⚡
Fui al parque
¡Genial! Movimiento libre
Vi un atardecer
Muéstrame... 📷
📎
Escribe...
→
🏠+💬 Chat (con teclado)
🔮 24
🎯
⚙️
⚡
⚡
Rayo✕
Vi un atardecer
Muéstrame... 📷
📎
El cielo...
→
Q
W
E
R
T
Y
U
I
O
P
A
S
D
F
G
H
J
K
L
⇧
Z
X
C
V
B
N
M
⌫
123
espacio
enviar
📷 Post-Foto
🔮 34
🎯
⚙️
⚡
"¡Ese atardecer! La luz libre..."
+10 🔮+8 prog
Resonancia fuerte ✨
⚙️ Settings (fullscreen)
⚙️ Ajustes✕
Display
Pantalla completa
Tema oscuro
Tema claro
Audio
Música
Efectos
Info
TutorialReiniciar →
Versiónv0.4.0-S4
📖 Panel — Memorias (fullscreen)
Memorias
Historial
✕
🌅
Atardecer del parque — energía libre
Hace 2h · Fuerte · +8
🐕
Perro jugando — velocidad pura
Ayer · Media · +5
📚
Libros — info fluyendo libre
Hace 3d · Media · +6
🌧️
Lluvia — cada gota un dato
Hace 5d · Débil · +3

🖥️ Desktop (1025px+)

Default full mundo. Al interactuar → 50/50 side-by-side. Paneles y settings como ventana flotante.

🏠 Mundo (default, full)
🔮 24 📖 Diario
🎯
⚙️
⚡
Toca → stats / purificar
❤️ Recargar 10🔮
💧 Nutrir 10🔮
💬
Chat
📷
Foto
🏠 Mundo + 💬 Chat (50/50)
🔮 24 📖 Diario
🎯
⚙️
⚡
❤️ 10🔮
💧 10🔮
⚡
Rayo✕
¡Hey! ¿Qué tal tu día?
Fui al parque a correr
¡Genial! Movimiento libre ⚡
Vi un atardecer increíble
Ojalá pudieras mostrarme... 📷
📎
Escribe algo...
→
⚙️ Settings (ventana flotante)
🔮 24
🎯
⚙️
⚡
⚙️ Ajustes✕
Display
Pantalla completa
Tema oscuro
Audio
Música
Efectos
📖 Panel — Memorias (ventana flotante)
🔮 24 📖 Diario
🎯
⚙️
⚡
Memorias
Historial
✕
🌅
Atardecer del parque — energía libre
Hace 2h · Fuerte · +8 prog
🐕
Perro jugando — velocidad pura
Ayer · Media · +5 prog
📚
Libros — info fluyendo libre
Hace 3d · Media · +6 prog
📷 Post-Foto (50/50 con evaluación)
🔮 34
🎯
⚙️
⚡
"¡Ese atardecer! La luz moviéndose libre, como yo quiero ser."
+10 🔮+8 progreso
Resonancia fuerte ✨

🔄 Flujo de Navegación

🏠 ↔ 💬 ↔ 📷
Mundo → Chat: Burbuja 💬 (mobile/tablet-V) · Click 💬 (tablet-H/desktop)
Mundo → Foto: Burbuja 📷 (mobile/tablet-V) · Click 📷 (tablet-H/desktop)
Chat → Mundo: Botón ✕ en header
Chat → Foto: Botón 📎 en input
Foto → Chat: "Conversar" post-evaluación
Foto → Mundo: "Volver" post-evaluación
Accesible desde CUALQUIER estado:
⚙️ Settings (HUD) · 🎯 Misión (HUD) · 📖 Diario (HUD/bbar) · 👤 Perfil (tocar sprite/avatar)
Paneles & Settings por breakpoint:
📱 Mobile: Fullscreen
📋 Tablet V: Fullscreen
📋 Tablet H: Fullscreen
🖥️ Desktop: Ventana flotante (backdrop dimmed)
📐 Resumen de Breakpoints
BreakpointLayout principalSettings/Paneles
📱 <640pxEstados alternadosFullscreen
📋 641-1024px VEstados alternados (más espacio)Fullscreen
📋 641-1024px HSide-by-side (50/50)Fullscreen
🖥️ 1025px+Full mundo → 50/50 al interactuarVentana flotante

Reggie's Adventure S4 — Wireframes v2 (completos) — Aibus Dumbleclaw 🧙‍♀️