Agency-Loadingscreen: pierwsze pięć sekund twojego serwera jest warte wszystko

Pierwsze wrażenie ma znaczenie

Każdy nowy gracz dołączający do Twojego serwera spędza 30-90 sekund, patrząc na ekran ładowania, zanim zobaczy cokolwiek innego. To dłużej niż większość samouczków. Domyślny ekran ładowania GTA V nie mówi nic o Twoim serwerze; świetny ekran mówi im wszystko. Agency-Loadingscreen powstał właśnie z tą myślą.

Co dostarczamy

Dopracowany interfejs UI w stylu glassmorphism wyświetlający regulamin serwera, link do Discorda, listę administracji oraz rotacyjny baner główny. Niestandardowy odtwarzacz muzyki z regulacją głośności. Mini-statystyki serwera: aktualna liczba graczy, uptime, następne wydarzenie. Płynne przejścia po zakończeniu ładowania. Wszystko spersonalizowane w kolorach Twojego serwera za pomocą jednego pliku konfiguracyjnego.

Dlaczego muzyka ma znaczenie

Dźwięk podczas ładowania nadaje ton emocjonalny. Lo-fi hip-hop dla spokojnych serwerów RP, synthwave dla serwerów w klimacie cyberpunk, filmowy ambient dla poważnych społeczności RP. Gracze podświadomie wczuwają się w klimat, zanim jeszcze się zespawnują. Dostarczamy wbudowaną bibliotekę utworów oraz opcję w configu, aby wskazać własny CDN z audio.

Wydajność

Ekran ładowania działa w przeglądarce przed załadowaniem jakichkolwiek zasobów gry, więc wydajność zależy od wagi strony. Agency-Loadingscreen waży łącznie poniżej 400KB wraz z czcionkami. Ładuje się błyskawicznie nawet na wolnych łączach, co ma znaczenie, ponieważ niektórzy z twoich graczy korzystają z łączy wiejskich o przepustowości 50Mbps.

Testy A/B dla administratorów

Panel administratora zawiera prosty tryb testów A/B: skonfiguruj dwa warianty loading screena, a my wyświetlimy każdy z nich 50% nowych graczy, monitorując, ilu z nich dotrze do spawnu na każdym z nich. To narzędzie optymalizacyjne, którego profesjonalne serwery używają do dopracowania pierwszego wrażenia gracza.

Instalacja & konfiguracja

Agency-Loadingscreen to czysty zasób kliencki bez zależności od bazy danych. Pobierz z Tebex, wrzuć folder do katalogu resources i dodaj ensure agency-loadingscreen do server.cfg. Resource musi ładować się wcześnie, umieść go przed głównym resource Twojego frameworka w server.cfg, aby upewnić się, że wyświetli się zanim zaczną ładować się assety gry.

Cała personalizacja odbywa się w config.lua oraz html/config.js plik. Branding twojego serwera (nazwa, kolory, logo, treść regulaminu, lista administracji, link do Discord) trafia do config.js. Nie jest wymagana żadna wiedza z zakresu web developmentu, konfiguracja to płaski obiekt JavaScript z czytelnymi nazwami pól.

Opcje konfiguracji

Konfiguracja obejmuje ustawienia wizualne, treści oraz wydajności:

• Nazwa serwera i slogan, wyraźnie wyeksponowane w sekcji hero.
• Schemat kolorów, kolory podstawowy, drugorzędny i akcentujący jako wartości hex. Stosowane globalnie do tekstu, obramowań i kolorów przycisków.
• Adres URL logo, logo twojego serwera wyświetlane w rogu. SVG i WebP są zalecane dla zachowania ostrości.
• Grafiki hero, do 10 rotujących obrazów z konfigurowalnym interwałem przejścia i efektem przenikania.
• Zasady serwera, tekst markdown renderowany w panelu zasad. Obsługuje nagłówki, listy i pogrubiony tekst.
• Ścieżki dźwiękowe, tablica adresów URL audio z przełącznikiem trybu losowego. Gracze mogą wyciszyć lub dostosować głośność za pomocą dyskretnego kontrolera.
• Statystyki na żywo, przełącz wyświetlanie aktualnej liczby graczy, uptime'u serwera i kolejnego zaplanowanego wydarzenia.
• Testy A/B, włącz konfigurację wariantu B i śledzenie podziału 50/50.

Kompatybilność z frameworkami

Agency-Loadingscreen działa całkowicie w warstwie przeglądarki, zanim jakikolwiek zasób FiveM zostanie zainicjalizowany. Nie ma żadnych zależności od frameworka i działa identycznie na serwerach QBCore, ESX oraz standalone. Statystyka liczby graczy na żywo pobierana jest z endpointu info serwera FiveM, który jest niezależny od frameworka.

Dlaczego ma to znaczenie dla roleplay

Ekran ładowania to rytuał przejścia. Gracze przekraczają go podczas każdej sesji, to moment między "Uruchamiam grę" a "Jestem w świecie gry". Ekran, który wykorzystuje ten czas, aby zanurzyć graczy w estetyce i zasadach twojego serwera, wyznacza oczekiwania, zanim jeszcze pojawią się w grze. Gracze, którzy przeczytają regulamin na ekranie ładowania, rzadziej będą twierdzić, że go nie znali. Gracze, którzy usłyszą odpowiednią muzykę, wchodzą do gry z właściwym nastawieniem.

Utrzymanie nowych graczy często zawodzi już podczas pierwszej sesji. Jeśli pierwsze sześćdziesiąt sekund nowego gracza na twoim serwerze to pusty ekran lub generyczny ekran ładowania GTA V, marnujesz moment najwyższej uwagi. Agency-Loadingscreen zamienia ten moment w aktywny marketing serwera: zaproszenie na Discord, skład ekipy, nadchodzące wydarzenia i identyfikację wizualną serwera.

Funkcja testów A/B istnieje dlatego, że optymalizacja loading screena jest mierzalna. Jeśli wariant A wyraźnie pokazuje Twój link do Discorda, a wariant B nie, i nowi gracze w wariancie A dołączają do Discorda dwa razy częściej, to jest to konkretny wniosek, na podstawie którego warto działać. Profesjonalne zarządzanie serwerem opiera się na danych; to jedno z miejsc, gdzie dane z loading screena można rzeczywiście zbierać.

Często zadawane pytania

Czy mogę wyświetlać aktualne wydarzenie na mapie lub aktywny scenariusz roleplay na ekranie ładowania?

Tak. Panel statystyk na żywo obsługuje niestandardowe pole tekstowe, które można aktualizować za pośrednictwem serwerowego endpointu HTTP. Uruchom mały skrypt serwerowy, który co kilka minut przesyła status wydarzenia do endpointu, a ekran ładowania wyświetli go w czasie rzeczywistym. W ten sposób serwery informują dołączających graczy o aktywnych wydarzeniach, zanim ci się zespawnują.

Czy muzyka odtwarza się automatycznie mimo zasad autoodtwarzania w przeglądarce?

Wbudowana przeglądarka FiveM działa w kontekście, w którym ograniczenia autoodtwarzania nie obowiązują, nie jest to standardowa karta przeglądarki wymagająca interakcji użytkownika. Muzyka odtwarza się automatycznie i niezawodnie. Gracze widzą opcję wyciszenia w rogu jako udogodnienie, a nie obejście problemu.

Jak śledzić wyniki testów A/B?

Włącz endpoint śledzenia A/B w config.js i skieruj go na swój serwer analityczny lub prosty webhook. Każdy wariant jest oznaczony tagiem, a zdarzenie wejścia wyzwala się po zniknięciu ekranu ładowania. Porównuj wskaźniki dołączeń do Discord, długość pierwszej sesji lub dowolną metrykę istotną dla twojego serwera między obiema grupami.

Czy mogę wyświetlić wideo zamiast rotacji obrazów?

Tak. Ustaw heroType: 'video' i podaj adres URL wideo. Wideo odtwarza się bez dźwięku i w pętli. Pliki wideo powinny mieć rozmiar poniżej 20MB, aby zapewnić akceptowalną wydajność ładowania przy wolnych połączeniach. Format WebM w 720p to zalecane kodowanie dla tego zastosowania.

Wymagania

• Serwer FiveM (dowolny framework lub standalone)
• konto cfx.re z ważną licencją Agency-Loadingscreen
• Hosting audio i obrazów (CDN, Discord CDN lub własny serwer)
• Brak zależności od bazy danych

Strategia treści dla twojego ekranu ładowania

Większość serwerów tworzy swój ekran ładowania i nigdy go nie aktualizuje. Regulamin serwera napisano rok temu. Lista administracji jest nieaktualna od sześciu miesięcy. Główne grafiki to zrzuty ekranu z dawno zakończonych eventów. Przestarzały ekran ładowania to sygnał dla doświadczonych graczy, że serwer nie dba o szczegóły.

Ustaw przypomnienie w kalendarzu na pierwszy dzień każdego miesiąca: zaktualizuj rotacyjne grafiki o zrzuty ekranu z ostatnich wydarzeń, zweryfikuj aktualność listy administracji, sprawdź działanie linku do Discorda i odśwież pole "next event". Zajmuje to piętnaście minut i sprawia, że ekran ładowania tętni życiem.

Lepiej: wbuduj aktualizację ekranu ładowania w workflow planowania wydarzeń. Gdy wydarzenie jest zaplanowane, zaktualizuj ekran ładowania, aby je promować. Po wydarzeniu zastąp tę promocję zrzutem ekranu z podsumowaniem. Ekran ładowania staje się wtedy tablicą bieżących wydarzeń, a nie statyczną ulotką.

Bibliotekę muzyczną warto odświeżać sezonowo: motywy letnie, zimowy klimat, playlisty na specjalne wydarzenia. Gracze, którzy wchodzą codziennie, zauważają muzykę bardziej niż jakikolwiek inny element, dawanie im od czasu do czasu czegoś nowego to sygnał, że serwer jest aktywnie rozwijany.