Sistema de notificación avanzado de Codem

Codem-AdvancedNotifySystem – Marco de Notificaciones Multi-Tipo Moderno para FiveM

Mejora la experiencia de usuario de tu servidor con este sistema de notificaciones elegante y personalizable que reemplaza las alertas predeterminadas de FiveM con elementos UI modernos y animados. Con múltiples tipos de notificaciones, posicionamiento flexible, animaciones suaves y un diseño agnóstico al framework, este sistema funciona perfectamente con ESX, QBCore, QBOX, y Standalone configuraciones.

Qué está incluido

Este completo marco de notificaciones proporciona todo lo necesario para reemplazar el sistema de alertas de tu servidor con un UI profesional y moderno. El paquete incluye múltiples variantes de tipos de notificación (éxito, error, advertencia, información y tipos personalizados), animaciones suaves de entrada y salida, posicionamiento personalizable en todas las áreas de la pantalla, controles de duración con barras de progreso opcionales, soporte de iconos para claridad visual, integración de efectos de sonido, protección anti-spam para evitar la inundación de notificaciones y personalización completa del tema a través de la configuración CSS. El diseño ligero garantiza un impacto cero en el rendimiento al tiempo que ofrece una retroalimentación visual de primera calidad.

Cómo funciona

Los scripts activan las notificaciones utilizando comandos de exportación simples desde el código del lado del cliente o del lado del servidor. Cuando se llama, el sistema de notificaciones muestra un cuadro de alerta animado en la posición de pantalla configurada con el estilo de tipo especificado (éxito muestra verde, error muestra rojo, advertencia usa naranja, información presenta azul). La notificación se desliza a la vista con animaciones suaves, muestra tu mensaje e icono opcional, muestra una barra de progreso que cuenta la duración y se desvanece automáticamente cuando expira el temporizador. Múltiples notificaciones se apilan inteligentemente sin superponerse, y el sistema anti-spam evita que las alertas duplicadas inunden la pantalla.

Características principales

• Múltiples Tipos de Notificaciones – Tipos de éxito, error, advertencia, información y personalizados con esquemas de color e iconos distintos para un reconocimiento instantáneo del mensaje.
• Posicionamiento Flexible – Coloca las notificaciones en las posiciones superior-izquierda, superior-central, superior-derecha, inferior-izquierda, inferior-central, inferior-derecha o central.
• Animaciones suaves – Animaciones profesionales de deslizamiento, desvanecimiento y apilamiento que mejoran la UX sin ser una distracción.
• Controles de Duración – Establece tiempos de visualización personalizados (predeterminado 5000ms) con barras de progreso opcionales que muestran el tiempo restante.
• Agnóstico del marco – Funciona con ESX, QBCore, QBOX y configuraciones independientes sin requerir dependencias de framework específicas.
• Soporte de Iconos – Muestra iconos personalizados junto a los mensajes para mayor claridad visual (incluye marcas de verificación, señales de advertencia, símbolos de información y más).
• Integración de sonido – Sonidos de notificación opcionales que se reproducen al mostrarse para retroalimentación de audio.
• Protección anti-spam – Evita que notificaciones idénticas inunden la pantalla, agrupando duplicados de forma inteligente.
• Diseño Totalmente Personalizable – Modifica colores, fuentes, tamaños, sombras, bordes y animaciones a través de una sencilla configuración CSS.
• Impacto Cero en el Rendimiento – Código optimizado con 0.00 resmon en inactivo, asegurando que no haya lag en el servidor.

Perfecto para

• Servidores que desean un UI moderno y profesional que reemplace las notificaciones predeterminadas anticuadas
• Desarrolladores que necesitan un API de notificación confiable para scripts y recursos personalizados
• Comunidades que enfatizan una experiencia de usuario pulida y consistencia visual
• Migraciones de frameworks que requieren sistemas de notificación que funcionen en ESX, QBCore y QBOX
• Cualquier servidor que desee alertas personalizables para trabajos, interacciones, mensajes del sistema y eventos

Tipos de Notificaciones y Casos de Uso

El sistema proporciona tipos de notificación especializados para diferentes contextos de mensajes. Las notificaciones de éxito (verde con marca de verificación) confirman acciones completadas como compras exitosas, trabajo finalizaciones o recolección de artículos. Las notificaciones de error (rojo con icono de X) alertan a los jugadores sobre fallos como fondos insuficientes, acciones inválidas o errores del sistema. Las notificaciones de advertencia (naranja con exclamación) advierten sobre acciones arriesgadas, límites próximos o recordatorios importantes. Las notificaciones de información (azul con icono de información) proporcionan información neutral como anuncios del servidor, consejos de ayuda o actualizaciones de estado. Los tipos de notificación personalizados permiten a los servidores crear estilos de alerta únicos para características específicas como policía alertas, notificaciones médicas o mensajes de facción.

Ejemplos de integración

El sistema de notificaciones se integra con prácticamente cualquier script de FiveM a través de simples llamadas de exportación. Los scripts de trabajo lo usan para confirmar la finalización de tareas y el pago de salarios. Los sistemas de tiendas muestran confirmaciones de compra y errores de fondos insuficientes. Los scripts de vehículos muestran el estado de bloqueo/desbloqueo y las advertencias de combustible. Los sistemas médicos notifican sobre acciones de curación y el estado de las lesiones. Los scripts de policía alertan sobre llamadas de despacho y notificaciones de órdenes. El ejemplo de código incluido demuestra la integración del control de crucero, mostrando cómo las notificaciones mejoran la retroalimentación del jugador para cualquier mecánica de juego.

Implementación técnica

La implementación del lado del cliente utiliza la sintaxis de exportación: `exports[“Venice-Notification”]:Notify(‘Your message’, 5000, “info”)` donde el primer parámetro es el texto del mensaje, el segundo es la duración en milisegundos y el tercero especifica el tipo de notificación. Los disparadores del lado del servidor utilizan: `TriggerClientEvent(‘codem-notification’, source, ‘Your message’, 5000, “info”)` para enviar notificaciones a jugadores específicos. El sistema maneja automáticamente el posicionamiento, el apilamiento, la sincronización de animaciones y la limpieza sin necesidad de gestión manual.

Opciones de personalización

El sistema de notificaciones ofrece una amplia personalización a través de archivos de configuración. Modifique las duraciones predeterminadas, cambie las preferencias de posición (arriba vs abajo, izquierda vs centro vs derecha), personalice los colores para cada tipo de notificación, ajuste las velocidades y estilos de animación, configure efectos de sonido o deshabilite el audio por completo, establezca el número máximo de notificaciones apiladas, defina tipos de notificaciones personalizados con un estilo único, modifique las fuentes y el formato del texto, ajuste los efectos de sombra y borde, e integre iconos personalizados o elimínelos por completo. El sistema de estilo basado en CSS permite a los no desarrolladores realizar cambios visuales fácilmente.

Funciones avanzadas

Más allá de las notificaciones básicas, el sistema incluye una protección antispam inteligente que detecta mensajes duplicados en cortos períodos de tiempo y los agrupa en lugar de mostrar múltiples alertas idénticas. La función de barra de progreso proporciona retroalimentación visual sobre el tiempo de visualización restante, ayudando a los jugadores a estimar cuánto tiempo estará visible la información. El sistema de apilamiento garantiza que múltiples notificaciones se muestren limpiamente sin superponerse, ajustando automáticamente las posiciones a medida que aparecen nuevas alertas y desaparecen las antiguas. La integración de sonido añade señales de audio para notificaciones importantes, siendo lo suficientemente sutil como para no molestar durante períodos de alta notificación.

Rendimiento & optimización

El sistema de notificaciones está construido con la prioridad en el rendimiento. El código logra 0.00 resmon durante los períodos de inactividad, lo que significa que consume cero recursos del servidor cuando las notificaciones no se están mostrando activamente. Incluso con múltiples notificaciones apilándose y animándose simultáneamente, el sistema mantiene un uso mínimo de recursos a través de una manipulación eficiente del DOM y animaciones basadas en CSS que aprovechan la aceleración de la GPU. El diseño ligero garantiza un rendimiento fluido incluso en servidores con mucha población y disparadores de notificaciones frecuentes.

Lo que lo hace destacar

A diferencia de los reemplazos de notificaciones básicos, Codem-AdvancedNotifySystem proporciona un marco completo que maneja cada aspecto de las notificaciones de los jugadores de manera profesional. El diseño agnóstico del marco significa que funciona en ESX, QBCore y QBOX sin modificaciones, lo que ahorra tiempo de desarrollo durante las migraciones de marcos. Los múltiples tipos de notificaciones con estilos distintos crean un reconocimiento visual instantáneo que ayuda a los jugadores a procesar la información más rápido. La protección antispam y el apilamiento inteligente evitan el caos de notificaciones durante momentos de alta actividad. La combinación de pulido visual, fiabilidad técnica y facilidad de integración lo convierte en la solución de notificación definitiva para servidores FiveM serios.

Compatibilidad del marco

• ✅ ESX — Compatibilidad total con los sistemas de notificación ESX, reemplazo directo
• ✅ QBCore — Soporte nativo de notificaciones QB con una estructura API idéntica
• ✅ QBOX — Funciona sin problemas con las llamadas de notificación QBOX
• ✅ Standalone — Independiente del framework, funciona con cualquier configuración de servidor

Resumen de instalación

1. Descargue y extraiga el recurso Venice-Notification
2. Colocar la carpeta de recursos en el directorio de recursos del servidor FiveM
3. Agregue `ensure Venice-Notification` a su archivo server.cfg
4. Configure los ajustes predeterminados en el archivo de configuración (posición, duración, tipos)
5. Opcionalmente, personalice el estilo CSS para colores, fuentes y animaciones
6. Actualice sus scripts existentes para usar las nuevas exportaciones de notificaciones
7. Reinicie su servidor y pruebe con disparadores de notificación de ejemplo

Ejemplo de código – Integración de control de crucero

Ejemplo de uso

AddEventHandler('ToggleCruiseMode', function()
    if (GetPedInVehicleSeat(GetVehiclePedIsIn(PlayerPedId(), false), -1) == PlayerPedId()) then
        -- Check if cruise control button pressed, toggle state and set maximum speed appropriately
        PlaySoundFrontend(-1, "Faster_Click", "RESPAWN_ONLINE_SOUNDSET", 1)
        cruisemode = not cruisemode
        local cruiseSpeed = GetEntitySpeed(GetVehiclePedIsIn(PlayerPedId(), false))

        if cruisemode then
            exports["Venice-Notification"]:Notify('Cruise Mode Enabled', 5000, "info")
            -- or
            --TriggerEvent('codem-notification', 'Cruise Mode Enabled', 5000, "info")

        else
            exports["Venice-Notification"]:Notify('Cruise Mode Disabled', 5000, "info")
            -- or
            --TriggerEvent('codem-notification', 'Cruise Mode Disabled', 5000, "info")

        end

        local maxSpeed = cruisemode and cruiseSpeed or GetVehicleHandlingFloat(GetVehiclePedIsIn(PlayerPedId(), false), "CHandlingData","fInitialDriveMaxFlatVel")
        SetEntityMaxSpeed(GetVehiclePedIsIn(PlayerPedId(), false), maxSpeed)
    end
end)

exports["Venice-Notification"]:Notify('First and Last name is already in use.', 5000, "check")
exports["Venice-Notification"]:Notify('First and Last name is already in use.', 5000, "lspd")

Relacionados ESX Scripts

• Trabajo policial avanzado – ESX
• Tienda de vehículos Okok (QBCore / ESX)
• Banca brutal (ESX/QB)
• Cordón para armas (London Studios)

Ejemplo de uso

AddEventHandler('ToggleCruiseMode', function()
    if (GetPedInVehicleSeat(GetVehiclePedIsIn(PlayerPedId(), false), -1) == PlayerPedId()) then
        -- Check if cruise control button pressed, toggle state and set maximum speed appropriately
        PlaySoundFrontend(-1, "Faster_Click", "RESPAWN_ONLINE_SOUNDSET", 1)
        cruisemode = not cruisemode
        local cruiseSpeed = GetEntitySpeed(GetVehiclePedIsIn(PlayerPedId(), false))

        if cruisemode then
            exports["Venice-Notification"]:Notify('Cruise Mode Enabled', 5000, "info")
            -- or
            --TriggerEvent('codem-notification', 'Cruise Mode Enabled', 5000, "info")

        else
            exports["Venice-Notification"]:Notify('Cruise Mode Disabled', 5000, "info")
            -- or
            --TriggerEvent('codem-notification', 'Cruise Mode Disabled', 5000, "info")

        end 

        local maxSpeed = cruisemode and cruiseSpeed or GetVehicleHandlingFloat(GetVehiclePedIsIn(PlayerPedId(), false), "CHandlingData","fInitialDriveMaxFlatVel")
        SetEntityMaxSpeed(GetVehiclePedIsIn(PlayerPedId(), false), maxSpeed)
    end
end)

exports["Venice-Notification"]:Notify('First and Last name is already in use.', 5000, "check")
exports["Venice-Notification"]:Notify('First and Last name is already in use.', 5000, "lspd")