Tu juego puede tener el mejor gameplay del mundo,
pero si el jugador no sabe cuántas vidas tiene, qué nivel está o si ganó,
va a sentirse más perdido que un RigidBody sin gravedad.
AhĂ entra el HUD:
Heads-Up Display (o “la interfaz que siempre está en la cara del jugador”).
🧠¿Qué es HUD y GUI?
-
HUD: Elementos visuales del juego que informan cosas importantes.
Ej: vidas, puntaje, tiempo, barra de energĂa, botĂłn de pausa. -
GUI (Graphical User Interface): Todo lo que el jugador puede ver o tocar para interactuar con el juego (HUD incluido).
En Godot, se crean usando nodos del tipo Control
.
đź§© Nodos esenciales para HUD:
Nodo | Para qué sirve |
---|---|
Label |
Mostrar texto (puntaje, tiempo, etc.) |
TextureRect |
Mostrar imágenes o Ăconos |
ProgressBar |
Barras de vida o energĂa |
Button |
Pausa, reinicio, menĂş |
CanvasLayer |
Mantiene la interfaz visible siempre |
⚙️ Ejemplo básico:
➡️ Este HUD se queda siempre en pantalla, sin importar cómo se mueva la cámara.
đź”§ CĂłdigo tĂpico:
Actualizar puntaje:
Mostrar el HUD solo al ganar:
Pausar el juego:
🧪 Tips rápidos:
âś… Usa CanvasLayer
para que la interfaz no se mueva con el fondo
âś… Usa Anchors
para posicionar en cualquier resoluciĂłn
âś… Usa NinePatchRect
para fondos de paneles adaptables
✅ Crea el HUD como una escena aparte e instánciala