Agency-Loadingscreen: os primeiros cinco segundos do seu servidor valem muito

A primeira impressão importa

Todo jogador novo que entra no seu servidor passa de 30 a 90 segundos olhando para a tela de carregamento antes de ver qualquer outra coisa. Isso é mais tempo do que a maioria das sequências de tutorial. Uma tela de carregamento padrão do GTA V não diz nada sobre o seu servidor, uma ótima tela conta tudo. O Agency-Loadingscreen foi criado com essa ideia em mente.

O que incluímos

Uma interface refinada com efeito glassmorphism que exibe as regras do servidor, o link do Discord, a lista da equipe e uma imagem principal rotativa. Reprodutor de música personalizado com controle de volume. Estatísticas resumidas do servidor: população atual, tempo de atividade, próximo evento. Transições suaves quando o carregamento termina. Tudo com as cores da sua marca, definidas em um único arquivo de configuração.

Por que a música importa

O áudio durante o carregamento define o tom emocional. Lo-fi hip-hop para servidores de RP descontraído, synthwave para servidores com tema cyberpunk, música ambiente cinematográfica para comunidades de RP sério. Os jogadores se sintonizam inconscientemente com a atmosfera antes mesmo de aparecerem no jogo. Incluímos uma biblioteca de faixas integrada e uma opção de configuração para usar seu próprio CDN de áudio.

Desempenho

A tela de carregamento é executada no navegador antes de qualquer recurso do jogo ser carregado, então o desempenho depende do tamanho da página. O Agency-Loadingscreen tem menos de 400KB no total, incluindo as fontes. Ele carrega instantaneamente até em conexões lentas, o que importa porque alguns dos seus jogadores usam conexões rurais de 50Mbps.

Testes A/B para admins

O painel de administração inclui um modo simples de teste A/B: configure duas variantes da tela de carregamento e mostraremos cada uma para 50% dos novos jogadores, monitorando quantos chegam à tela de entrada em cada variante. Esse é o tipo de ferramenta de otimização que servidores profissionais usam para ajustar seu funil de primeira impressão.

Instalação e configuração

Agency-Loadingscreen é um recurso puramente client, sem dependência de banco de dados. Baixe pela Tebex, coloque a pasta no diretório de resources e adicione ensure agency-loadingscreen a server.cfg . O recurso precisa carregar cedo. Coloque-o antes do recurso principal do seu framework em server.cfg para garantir que ele seja exibido antes de os assets do jogo começarem a carregar.

Toda a personalização é feita em config.lua e no arquivo html/config.js . A identidade visual do seu servidor (nome, cores, logo, texto das regras, equipe e link do Discord) fica em config.js. Você não precisa conhecer desenvolvimento web, a configuração é um objeto JavaScript simples, com nomes de campos claros.

Opções de configuração

A configuração inclui opções visuais, de conteúdo e de desempenho:

• Nome e slogan do servidor, exibidos em destaque na seção principal.
• Esquema de cores, cores primária, secundária e de destaque em valores hexadecimais. Aplicadas globalmente a textos, bordas e botões.
• URL do logo, o logo do seu servidor exibido no canto. Recomendamos SVG e WebP para maior nitidez.
• Imagens principais, até 10 imagens rotativas, com intervalo de transição e efeito de fade configuráveis.
• Regras do servidor, texto em markdown exibido no painel de regras. Compatível com cabeçalhos, listas e texto em negrito.
• Faixas de música, array de URLs de áudio com opção para ativar o modo aleatório. Os jogadores podem silenciar ou ajustar o volume usando um controle discreto.
• Estatísticas ao vivo, opção para exibir o número atual de jogadores, o tempo de atividade do servidor e o próximo evento programado.
• Teste A/B, opção para ativar a configuração da variante B e o acompanhamento da divisão 50/50.

Compatibilidade com frameworks

Agency-Loadingscreen funciona inteiramente na camada do navegador, antes de qualquer recurso do FiveM ser inicializado. Não depende de framework e funciona da mesma forma em servidores QBCore, ESX e standalone. A estatística de jogadores ao vivo consulta o endpoint de informações do servidor FiveM, sem depender de framework.

Por que isso importa para o roleplay

A tela de carregamento é um ritual de passagem. Os jogadores passam por ela a cada sessão, é o momento entre "Estou iniciando o jogo" e "Estou no mundo". Uma tela que aproveita esse tempo para envolver os jogadores com a estética e as regras do seu servidor define as expectativas antes de eles aparecerem no mundo. Jogadores que leem as regras na tela de carregamento têm menos chances de alegar que não as conheciam. Jogadores que ouvem a música certa chegam com o clima certo.

A retenção de novos jogadores costuma falhar na primeira sessão. Se os primeiros sessenta segundos de um novo jogador no seu servidor forem uma tela em branco ou uma imagem genérica de carregamento do GTA V, você desperdiçou um momento de grande atenção. Agency-Loadingscreen transforma esse momento em uma oportunidade ativa de divulgação do servidor, com convite para o Discord, nomes da equipe, próximos eventos e a identidade visual do servidor.

O recurso de teste A/B existe porque é possível medir a otimização da tela de carregamento. Se a variante A exibe o link do seu Discord em destaque e a variante B não, e os novos jogadores que veem a variante A entram no Discord com o dobro da frequência, você tem uma conclusão concreta que vale a pena aplicar. Servidores profissionais tomam decisões com base em dados, e este é um dos casos em que realmente é possível coletar dados da tela de carregamento.

Perguntas frequentes

Posso exibir o evento atual do mapa ou o cenário de roleplay ativo na tela de carregamento?

Sim. O painel de estatísticas ao vivo aceita um campo de texto personalizado que pode ser atualizado pelo endpoint HTTP do servidor. Execute um pequeno script no servidor que envie o status do evento ao endpoint a cada poucos minutos, e a tela de carregamento vai exibi-lo em tempo real. Assim, os servidores informam os jogadores que estão entrando sobre os eventos ativos antes de eles aparecerem no mundo.

A música toca automaticamente apesar das políticas de reprodução automática dos navegadores?

O navegador integrado do FiveM opera em um contexto em que as restrições de reprodução automática não se aplicam, não é uma aba padrão de navegador que exige uma interação do usuário. A música toca automaticamente de forma confiável. Os jogadores veem um controle para silenciar no canto, como conveniência, não como solução alternativa.

Como acompanho os resultados do teste A/B?

Ative o endpoint de rastreamento A/B em config.js e direcione-o para seu servidor de analytics ou um webhook simples. Cada variante é identificada, e o evento de entrada é disparado quando a tela de carregamento é fechada. Compare as taxas de entrada no Discord, a duração da sessão na primeira visita ou qualquer outra métrica importante para seu servidor entre os dois grupos.

Posso exibir um vídeo em vez de imagens rotativas?

Sim. Defina heroType: 'video' e forneça uma URL de vídeo. O vídeo é reproduzido sem som e em loop. Mantenha os arquivos de vídeo abaixo de 20MB para garantir um carregamento aceitável em conexões lentas. Para esse uso, recomendamos codificar em WebM a 720p.

Requisitos

• Servidor FiveM (qualquer framework ou standalone)
• Conta cfx.re com uma licença válida do Agency-Loadingscreen
• Hospedagem de áudio e imagens (CDN, Discord CDN ou seu próprio servidor)
• Sem dependência de banco de dados

Estratégia de conteúdo para sua tela de carregamento

A maioria dos servidores configura a tela de carregamento e nunca mais a atualiza. As regras do servidor foram escritas há um ano. A lista da equipe está desatualizada há seis meses. As imagens principais são capturas de tela de eventos que já aconteceram há muito tempo. Uma tela de carregamento desatualizada mostra aos jogadores experientes que o servidor não se preocupa com os detalhes.

Defina um lembrete na agenda para o primeiro dia de cada mês: atualize as imagens rotativas com capturas de tela de eventos recentes, confirme se a lista da equipe está atualizada, verifique se o link do Discord está funcionando e atualize o campo "próximo evento". Isso leva quinze minutos e mantém a tela de carregamento com um aspecto atualizado.

Melhor ainda: inclua a atualização da tela de carregamento no fluxo de planejamento dos seus eventos. Quando um evento for agendado, atualize a tela de carregamento para divulgá-lo. Depois do evento, substitua a divulgação por uma captura de tela com um resumo. Assim, a tela de carregamento se torna um quadro de eventos atuais, em vez de um folheto estático.

Vale a pena atualizar a biblioteca de músicas a cada estação. Temas de verão, clima de inverno, playlists para eventos especiais. Jogadores que entram todos os dias percebem a música mais do que qualquer outro elemento. Oferecer algo novo de vez em quando mostra que o servidor é mantido ativamente.