Agency-Loadingscreen: Los primeros cinco segundos de tu servidor lo son todo

La primera impresión importa

Cada jugador nuevo que entra en tu servidor pasa entre 30-90 segundos mirando la pantalla de carga antes de ver cualquier otra cosa. Es más que la duración de la mayoría de las secuencias de tutorial. Una pantalla de carga predeterminada de GTA V no les dice nada sobre tu servidor, pero una buena se lo dice todo. Agency-Loadingscreen se diseñó con esta idea en mente.

Qué ofrecemos

Una interfaz pulida con efecto glassmorphism que muestra las reglas del servidor, el enlace de Discord, la lista del equipo y una imagen principal rotativa. Reproductor de música personalizado con control de volumen. Estadísticas pequeñas del servidor: población actual, tiempo de actividad y próximo evento. Transiciones fluidas cuando termina la carga. Todo con la imagen de marca y los colores de tu servidor, a través de una sola configuración.

Por qué importa la música

El audio durante la carga define el tono emocional. Hip-hop lo-fi para servidores de RP relajados, synthwave para los de temática cyberpunk, música ambiental cinematográfica para comunidades de RP serio. Los jugadores conectan inconscientemente con el ambiente antes incluso de aparecer en el mundo. Incluimos una biblioteca de pistas integrada y una opción de configuración para usar tu propio CDN de audio.

Rendimiento

La pantalla de carga se ejecuta en el navegador antes de que se cargue ningún recurso del juego, así que el rendimiento depende del peso de la página. Agency-Loadingscreen ocupa menos de 400KB en total, incluidas las fuentes. Se carga al instante incluso con conexiones lentas, algo importante porque algunos de tus jugadores tienen una conexión de banda ancha rural de 50Mbps.

Pruebas A/B para administradores

El panel de administración incluye un modo sencillo de pruebas A/B: configura dos variantes de la pantalla de carga y mostraremos cada una al 50% de los jugadores nuevos, registrando cuántos llegan a aparecer en el mundo con cada variante. Este tipo de herramienta de optimización es lo que usan los servidores profesionales para perfeccionar el recorrido de la primera impresión.

Instalación y configuración

Agency-Loadingscreen es un recurso exclusivamente de cliente, sin dependencia de una base de datos. Descárgalo de Tebex, coloca la carpeta en tu directorio de recursos y añade ensure agency-loadingscreen a server.cfg . El recurso debe cargarse pronto, colócalo antes del recurso principal de tu framework en server.cfg para asegurarte de que aparezca antes de que empiecen a cargarse los recursos del juego.

Toda la personalización se hace en config.lua y el archivo html/config.js . La imagen de marca de tu servidor (nombre, colores, logotipo, texto de las reglas, lista del equipo y enlace de Discord) se configura en config.js. No necesitas conocimientos de desarrollo web, la configuración es un objeto JavaScript plano con nombres de campo claros.

Opciones de configuración

La configuración incluye ajustes visuales, de contenido y de rendimiento:

• Nombre y eslogan del servidor, se muestran de forma destacada en la sección principal.
• Esquema de color, colores principal, secundario y de acento en valores hexadecimales. Se aplican globalmente al texto, los bordes y los colores de los botones.
• URL del logotipo, el logotipo de tu servidor que se muestra en la esquina. Recomendamos SVG y WebP para que se vea nítido.
• Imágenes principaleshasta 10 imágenes rotativas con un intervalo de transición configurable y efecto de fundido.
• Reglas del servidor, texto en markdown mostrado en el panel de reglas. Compatible con encabezados, listas y texto en negrita.
• Pistas musicales, matriz de URL de audio con opción para activar el modo aleatorio. Los jugadores pueden silenciar o ajustar el volumen desde un control discreto.
• Estadísticas en vivo, activa la visualización del número actual de jugadores, el tiempo de actividad del servidor y el próximo evento programado.
• Pruebas A/B, activa la configuración de la variante B y el seguimiento de la división 50/50.

Compatibilidad con frameworks

Agency-Loadingscreen se ejecuta por completo en la capa del navegador, antes de que se inicialice ningún recurso de FiveM. No depende de ningún framework y funciona de la misma manera en servidores QBCore, ESX y standalone. La estadística de jugadores en vivo obtiene los datos del endpoint de información del servidor de FiveM, que no depende de ningún framework.

Por qué esto importa para el roleplay

La pantalla de carga es un ritual de transición. Los jugadores la atraviesan en cada sesión: es el momento entre «Estoy iniciando el juego» y «Ya estoy en el mundo». Una pantalla que aprovecha ese tiempo para sumergir a los jugadores en la estética y las reglas de tu servidor establece expectativas antes de que aparezcan en el juego. Es menos probable que los jugadores que leen las reglas en la pantalla de carga digan que no las conocían. Los jugadores que escuchan la música adecuada llegan con el estado de ánimo apropiado.

La retención de nuevos jugadores suele fallar durante la primera sesión. Si los primeros sesenta segundos de un jugador nuevo en tu servidor consisten en una pantalla en blanco o una imagen genérica de carga de GTA V, estás desperdiciando un momento en el que presta mucha atención. Agency-Loadingscreen convierte ese momento en una promoción activa de tu servidor: invitación a Discord, nombres del personal, próximos eventos y la identidad visual del servidor.

La función de pruebas A/B existe porque la optimización de la pantalla de carga se puede medir. Si la variante A muestra tu enlace de Discord de forma destacada y la variante B no, y los nuevos jugadores de la variante A se unen a Discord al doble de ritmo, es un resultado concreto sobre el que vale la pena actuar. Los servidores profesionales toman decisiones basadas en datos. Este es uno de los pocos casos en que realmente se pueden recopilar datos de la pantalla de carga.

Preguntas frecuentes

¿Puedo mostrar el evento actual del mapa o la situación de roleplay activa en la pantalla de carga?

Sí. El panel de estadísticas en vivo admite un campo de texto personalizado que se puede actualizar a través del endpoint HTTP del servidor. Ejecuta un pequeño script del servidor que envíe el estado del evento al endpoint cada pocos minutos y la pantalla de carga lo mostrará en tiempo real. Así es como los servidores informan a los jugadores que se conectan sobre los eventos activos antes de que aparezcan en el juego.

¿La música se reproduce automáticamente a pesar de las políticas de reproducción automática del navegador?

El navegador integrado de FiveM funciona en un contexto donde no se aplican las restricciones de reproducción automática, no es una pestaña normal del navegador que requiera la interacción del usuario. La música se reproduce automáticamente de forma fiable. Los jugadores ven un control para silenciar en una esquina, como cortesía, no como solución alternativa.

¿Cómo hago seguimiento de los resultados de las pruebas A/B?

Activa el endpoint de seguimiento A/B en config.js y configúralo para que use tu servidor de analíticas o un webhook sencillo. Cada variante lleva una etiqueta y el evento de conexión se activa cuando se cierra la pantalla de carga. Compara la tasa de incorporación a Discord, la duración de la sesión durante la primera visita o cualquier otra métrica importante para tu servidor entre los dos grupos.

¿Puedo mostrar un video en lugar de imágenes rotativas?

Sí. Configura heroType: 'video' y proporciona una URL de video. El video se reproduce en silencio y en bucle. Para lograr un rendimiento de carga aceptable en conexiones lentas, mantén los archivos de video por debajo de 20MB. Para este uso, se recomienda codificarlo en formato WebM a 720p.

Requisitos

• Servidor de FiveM, compatible con cualquier framework o standalone
• Cuenta de cfx.re con una licencia válida de Agency-Loadingscreen
• Alojamiento de audio e imágenes, CDN, Discord CDN o tu propio servidor
• Sin dependencia de base de datos

Estrategia de contenido para tu pantalla de carga

La mayoría de los servidores configuran su pantalla de carga y nunca la actualizan. Las reglas del servidor se escribieron hace un año. La lista del personal lleva seis meses desactualizada. Las imágenes principales son capturas de eventos que ocurrieron hace mucho tiempo. Una pantalla de carga desactualizada les indica a los jugadores experimentados que el servidor no cuida los detalles.

Configura un recordatorio en el calendario para el primer día de cada mes: actualiza las imágenes rotativas con capturas de eventos recientes, verifica que la lista del personal esté al día, comprueba que el enlace de Discord funcione y actualiza el campo «próximo evento». Te llevará quince minutos y mantendrá la pantalla de carga vigente.

Mejor aún: incorpora las actualizaciones de la pantalla de carga a tu proceso de planificación de eventos. Cuando programes un evento, actualiza la pantalla de carga para promocionarlo. Después del evento, sustituye esa promoción por una captura que lo resuma. Así, la pantalla de carga se convierte en un tablón de eventos actuales en lugar de un folleto estático.

Vale la pena actualizar la biblioteca musical según la temporada: temas de verano, ambiente invernal y listas de reproducción para eventos especiales. Los jugadores que se conectan todos los días notan la música más que cualquier otro elemento. Darles algo nuevo de vez en cuando demuestra que el servidor recibe mantenimiento activo.