Vês o resultado enquanto escreves

Loading screen do teu servidor, em tempo real.

Fundo em imagem ou vídeo, cores, seis estilos de barra de carregamento, tipografia e textos. Mexes num lado, muda no outro. No fim levas o resource com fxmanifest.lua e a barra ligada ao progresso real do FiveM.

LIVE PREVIEW

35%

é isto que o jogador vê ao entrar

Fundo

gradiente

Cor de base

Segunda cor

Escurecer45%

Desfocar fundo0 px

Estilo de fundo

grão de filme linhas de varrimento

Trocar a cada6 s

Cores

Destaque

Segundo

Texto

Barra de carregamento

Altura8 px

Cantos99 px

Largura520 px

Alinhamento

mostrar percentagem

texto de estado dicas rodapé

Tipografia e textos

Fonte

Tamanho do título52 px

título em maiúsculas

Nome do servidor

Subtítulo

Texto de carregamento

Rodapé

Dicas (uma por linha)

Disposição

Acabamento

Brilho do destaque35%

Tamanho do logo88 px

Espaçamento do título0.02 em

Tamanho do subtítulo18 px

relógio dicas em rotação

Ritmo5 s

Volume50%

CSS extra (opcional)

Exportar

Nome do resource

O zip traz fxmanifest.lua, html/ e a imagem ou vídeo de fundo. Metes na pasta dos resources e fazes ensure.

O progresso é o real, não uma animação

O FiveM envia loadProgress e loadStatus para a loading screen enquanto o jogador entra. A barra que geras já ouve essas mensagens, por isso enche ao ritmo do carregamento verdadeiro. Se nada chegar em dois segundos (por exemplo a abrir o ficheiro no browser), ela avança sozinha até 92% para não ficar parada.

Do estúdio para o servidor

Personaliza

Fundo, cores, estilo da barra, fonte e textos. Tudo muda no painel à esquerda enquanto mexes nos controlos.

Descarrega

O zip vem com o fxmanifest.lua já a apontar para html/index.html, com o CSS e o JS separados para poderes editar.

Liga no servidor

Põe a pasta em resources/, adiciona ensure meu_loadscreen ao server.cfg e reinicia. A loading screen aparece antes da cidade carregar.

Perguntas rápidas

Vídeo de fundo: que formato e tamanho?

MP4 (H.264) ou WebM, 1920×1080, com poucos segundos e a repetir. Fica abaixo dos 8 MB: a loading screen é descarregada pelo cliente antes de tudo o resto, e um vídeo pesado atrasa a entrada. O estúdio aplica o vídeo em loop, sem som e sem controlos.

Porque é que a barra não mexe no jogo?

Ela só responde a mensagens do FiveM. Se o teu servidor tiver outro script a controlar a loading screen, desativa-o: dois resources com loadscreen no manifest entram em conflito e ganha o último a carregar.

Dá para mudar as dicas depois, sem abrir o estúdio?

Dá. As dicas estão no html/index.html (ou no objeto RS_CONFIG), em texto simples. Também podes passar mensagens de estado em tempo real com SendLoadingScreenMessage a partir de qualquer script do cliente.

Preciso de internet no cliente para as fontes?

As fontes do Google carregam da net. Se quiseres independência total, mete o .woff2 na pasta html/ e troca o @font-face; se a fonte não carregar, o CSS cai na fonte de sistema e continua legível.

Funciona com carregamento manual (spawn screen)?

Esta é a loading screen de entrada. Para uma spawn screen com botões e seleção de personagem é outro tipo de resource (NUI), que precisa de script no servidor; aqui o que tens é a tela de carregamento com progresso real.

A mesma cara em todas as ferramentas.

Cloth Studio Inventory Icons