Core HUD (Moderno)

Core Hud (Moderno) – HUD animado con pantalla de radar ovalado

Transform your FiveM server’s interface with this modern, animated HUD featuring a distinctive oval radar display and smooth pill-style status indicators. This contemporary HUD design moves beyond traditional rectangular layouts with eye-catching animations, wave effects, and fully customizable elements that work seamlessly across all screen aspect ratios. Perfect for roleplay servers wanting a fresh, professional look that maintains readability while adding visual polish. The modular pill system displays health, armor, hunger, thirst, and a customizable fourth indicator that can show stress, voice control, or player ID based on your server’s needs.

Qué está incluido

Core Hud (Moderno) ofrece un reemplazo completo de interfaz con énfasis en el atractivo visual y la flexibilidad de personalización. El radar ovalado central se aleja de los mini-mapas circulares o cuadrados estándar, creando un aspecto distintivo que los jugadores notan de inmediato. Cada indicador de estado aparece como una píldora animada con transiciones suaves, fondos de colores e íconos personalizados. El HUD se adapta automáticamente a diferentes resoluciones de pantalla y relaciones de aspecto, asegurando una apariencia consistente ya sea que los jugadores usen monitores ultraanchos, pantallas estándar o configuraciones de streaming. El sistema incluye acceso completo al código fuente con código limpio y bien comentado, lo que facilita las modificaciones para los desarrolladores de servidores que deseen ajustar colores, posiciones o agregar nuevos elementos.

Características principales

• Pantalla de radar ovalado – Minimapa de forma ovalada única que crea una identidad visual distintiva diferente de los radares circulares típicos
• Indicadores de píldora animados – Animaciones suaves para salud, armadura, hambre, sed con efectos de ola y transiciones
• Cuarta píldora personalizable – Configurable para mostrar niveles de estrés, estado de control de voz o ID de jugador según las necesidades del servidor
• Soporte universal de relación de aspecto – Funciona perfectamente en 16:9, 21:9, 4:3 y todas las configuraciones de pantalla
• Integración de logotipo personalizado – Agrega el logotipo del servidor a cualquier indicador de píldora para consistencia de marca
• Efectos de ola animados – Animaciones de ola sutiles en el fondo que añaden interés visual sin distraer
• Transiciones suaves – Los cambios de valor se animan suavemente en lugar de saltar, creando una sensación pulida
• Código limpio y sin ofuscación – Acceso completo al código fuente con archivos organizados y comentados para una fácil modificación
• Archivo de configuración extenso – Cambia colores, posiciones, íconos y comportamiento sin tocar el código central
• Bajo impacto en el rendimiento – El renderizado optimizado asegura un impacto mínimo en FPS incluso en hardware de gama baja

Perfecto para

• Servidores Roleplay que desean un diseño moderno y profesional de HUD
• Comunidades que actualizan HUDs obsoletos o básicos predeterminados
• Servidores que necesitan una identidad visual distintiva a través de una forma de radar única
• Comunidades con hardware de jugadores diverso que requieren compatibilidad universal
• Desarrolladores que desean una base personalizable HUD sobre la que construir

Opciones de personalización

El sistema de configuración ofrece un control extenso sobre cada aspecto visual. Cambia los colores de las pastillas para que coincidan con la marca de tu servidor – establece la salud en rojo, la armadura en azul, el hambre en naranja, o crea esquemas de color completamente personalizados. Ajusta las posiciones de las pastillas en pantalla para acomodar otros elementos de HUD o preferencias de los jugadores. Configura qué indicadores de estado se muestran y en qué orden. La cuarta pastilla admite múltiples modos: niveles de estrés (requiere esx_status o un sistema de estrés compatible), indicador de control de voz que muestra el estado de push-to-talk, o visualización de ID de jugador para identificar a otros jugadores. La personalización de iconos permite usar imágenes personalizadas para cada pastilla, y la intensidad del efecto de onda se puede ajustar o desactivar por completo para una estética más limpia.

Instalación

1. Extrae la carpeta core-hud-modern a tu directorio de recursos del servidor
2. Configura config.lua con tus colores, posiciones y modo de píldora preferidos
3. Opcionalmente, instale esx_status si está utilizando características de estrés o hambre/sed.
4. Agregar ‘ensure core-hud-modern’ a su server.cfg
5. Reinicia el servidor y el nuevo HUD aparece automáticamente para todos los jugadores

Compatibilidad del marco

• ✅ ESX – Integración completa con esx_status para el seguimiento del hambre, la sed y el estrés
• ✅ QBCore – Compatible con los sistemas de estado QB y las mecánicas de estrés
• ✅ QBOX – Funciona con marcos de QBOX para el seguimiento de estado
• ✅ Standalone – La visualización básica de salud/armadura funciona sin ningún marco

Especificaciones técnicas

Core Hud (Modern) utiliza NUI (HTML/CSS/JavaScript) para el renderizado, asegurando un rendimiento suave a través del renderizado basado en navegador en lugar del juego nativo UI. El recurso promedia 0.00-0.01ms en resmon, lo que lo convierte en una de las soluciones HUD más optimizadas disponibles. El radar ovalado se logra a través de la máscara CSS en lugar de formas basadas en imágenes, lo que permite escalar perfectamente a cualquier resolución sin pérdida de calidad. Todas las animaciones utilizan transiciones y transformaciones CSS, que están aceleradas por GPU para máxima eficiencia. La estructura del código separa la lógica de visualización del manejo de datos, lo que facilita la adición de nuevos indicadores o la modificación de los existentes sin romper la funcionalidad.

Opciones de configuración de la cuarta píldora

La cuarta pastilla personalizable añade funcionalidad única a tu HUD. Modo de Estrés: Muestra el nivel de estrés del jugador de 0-100, cambiando de color a medida que aumenta el estrés: útil para escenarios de rol donde el alto estrés afecta las acciones. Requiere esx_status o un script de estrés compatible. Modo de control por voz: Muestra cuándo el chat de voz está activo, qué canal está seleccionado o el nivel de proximidad – ayuda a los jugadores a entender su estado de voz de un vistazo. Modo de visualización de ID: Muestra el ID del servidor del jugador, útil para interacciones de administración o informes de problemas. El ícono de píldora y el color se pueden personalizar por modo, permitiendo que cada configuración tenga una apariencia visual distinta que coincida con su propósito.

Filosofía de diseño visual

Este HUD se aleja de los diseños esquelomorfos (texturas de vidrio, cuero, metal falsos) hacia un diseño plano moderno y limpio con profundidad sutil a través de sombras y degradados. Las formas de pastilla crean interés visual sin abrumar la pantalla con información. El radar ovalado destaca sin parecer fuera de lugar, equilibrando con éxito la distintividad con la cohesión. Las animaciones de efecto de onda dan vida a los indicadores estáticos, haciendo que el HUD se sienta reactivo y moderno. Las elecciones de color enfatizan la legibilidad – incluso en escenarios de luz solar brillante o entornos nocturnos oscuros, todos los indicadores siguen siendo claramente visibles. Este enfoque de diseño envejece bien, evitando efectos de moda que rápidamente se sienten anticuados.

Dependencias

Opcional:

• estado de esx – Requerido para indicadores de hambre, sed y estrés (opcional – HUD funciona sin ellos pero con funcionalidad reducida)

Personalización

¡El código no está ofuscado y está bien presentado! Si no te gusta manipular el código, la configuración te permite cambiar casi todo: desde colores y posiciones hasta qué indicadores se muestran y cómo se comportan. Para los desarrolladores que desean una personalización más profunda, la estructura de código limpia facilita la adición de nuevas pastillas, el cambio de animaciones o la integración de tipos de estado adicionales. Los comentarios a lo largo del código explican qué hace cada sección, y la estructura modular significa que puedes modificar un indicador sin afectar a los demás.

Lo que lo hace destacar

El Core Hud (Modern) se distingue a través del radar ovalado – un pequeño detalle que crea un impacto visual significativo y reconocimiento de marca. Mientras que la mayoría de los HUD utilizan radares circulares o rectangulares, la forma ovalada señala inmediatamente que se trata de un servidor personalizado y profesional. El sistema de estado basado en pastillas es más limpio y moderno que los indicadores tradicionales en forma de barra, ocupando menos espacio en la pantalla mientras sigue siendo altamente legible. El énfasis en la animación y las transiciones suaves hace que el HUD se sienta pulido y receptivo en lugar de estático y utilitario. Lo más importante es que las extensas opciones de personalización significan que tu HUD no se verá como cualquier otro servidor que ejecute el mismo script – puedes hacerlo único.

Resumen

HUD genial con animaciones y pantalla de radar ovalada

Características

Fourth pastilla puede ser estrés, control por voz, visualización de ID. Pantalla de radar ovalada. Funciona con todas las relaciones de aspecto. Elige cualquier logo para cualquier píldora. Efecto de onda animado. Transiciones suaves.

Productos relacionados que podrían gustarte

• HUD de vehículo premium – Professional speedometer trusted by 429+ servers worldwide
• Interfaz de usuario de control del vehículo – Sistema avanzado de gestión de vehículos con 227+ instalaciones activas
• HUD ESX simple – Alternativa ligera HUD para servidores enfocados en rendimiento
• Servidor Super ESX – Paquete de servidor completo con HUD e incluye 300+ trabajos

Resumen

HUD genial con animaciones y pantalla de radar ovalada

Características

La cuarta píldora puede ser** estrés, control de voz, pantalla de identificación** Pantalla de radar ovalada Funciona con todas las relaciones de aspecto Elige cualquier logotipo para cualquier píldora Efecto de onda animado Transiciones suaves

Dependencias

esx_status* (opcional)*

Personalización

¡El código no está ofuscado y está bien presentado! Si no te gusta modificar el código, la configuración te permite cambiarlo casi todo.