Telefon czy tablet w FiveM: Który skrypt urządzenia pasuje do Twojego serwera

Dlaczego dwa urządzenia zamiast jednego?

Kiedy po raz pierwszy wydaliśmy Agency Phone, szybko stał się on podstawowym telefonem w grze dla setek serwerów FiveM. Jednak w miarę jak właściciele serwerów zaczęli budować bardziej złożone ekosystemy roleplay, stale powracała jedna prośba: gracze chcieli większego ekranu do zadań takich jak przeglądanie MDT, zarządzanie firmami czy sprawdzanie dokumentów podczas roleplay. Właśnie dlatego stworzyliśmy Agency Pad. Zamiast upychać każdą funkcję w jednym interfejsie telefonu, podzieliliśmy to doświadczenie na dwa dedykowane urządzenia. Telefon obsługuje szybkie, codzienne interakcje, takie jak połączenia, wiadomości i powiadomienia, podczas gdy pad zapewnia pełne doświadczenie tabletu do zadań wymagających dużej ilości danych. W tym artykule szczegółowo opisujemy, kiedy należy używać każdego z urządzeń i jak uzupełniają się one na twoim serwerze.

Przestrzeń ekranu i układ UI

Najbardziej oczywistą różnicą między Agency Phone a Agency Pad jest rozmiar ekranu. Agency Phone korzysta z kompaktowego okna w stylu mobilnym o wymiarach około 360x640 pikseli, zaprojektowanego tak, aby znajdowało się w rogu ekranu gracza i nie przeszkadzało w rozgrywce. Z kolei Agency Pad otwiera okno wielkości tabletu o wymiarach około 800x600 pikseli, które zajmuje więcej ekranu, ale zapewnia znacznie więcej przestrzeni roboczej. Ma to znaczenie podczas tworzenia aplikacji wyświetlających tabele, formularze czy mapy. Aplikacja kontaktów w rozmiarze telefonu sprawdza się idealnie, ale spróbuj zmieścić pełny policyjny MDT z kartotekami podejrzanych, nakazami i zdjęciami dowodów na ekranie o szerokości 360 pikseli, a szybko zrobi się ciasno. Oto jak możesz wykryć, na jakim urządzeniu działa twoja aplikacja i odpowiednio dostosować układ:

-- client.lua: Detecting active device
local activeDevice = nil

RegisterNetEvent('agency:phone:opened', function()
    activeDevice = 'phone'
    SendNUIMessage({ action = 'setDevice', device = 'phone' })
end)

RegisterNetEvent('agency:pad:opened', function()
    activeDevice = 'pad'
    SendNUIMessage({ action = 'setDevice', device = 'pad' })
end)

-- In your NUI JavaScript
window.addEventListener('message', (e) => {
    if (e.data.action === 'setDevice') {
        document.body.classList.toggle('device-phone', e.data.device === 'phone')
        document.body.classList.toggle('device-pad', e.data.device === 'pad')
    }
})

Porównanie funkcji w skrócie

Oba urządzenia korzystają ze wspólnego frameworka aplikacji, co oznacza, że każda stworzona aplikacja może technicznie działać na obu urządzeniach. Niektóre funkcje są jednak zoptymalizowane pod kątem jednego z nich. Agency Phone wyróżnia się w połączenia i integracja z czatem głosowym, SMS i wiadomości, szybkie powiadomienia, aparat i galeria zdjęć, zarządzanie kontaktami, oraz Nawigacja GPS. Agency Pad wyróżnia się MDT i kartoteki policyjne, panele zarządzania firmą, przeglądanie i edycja dokumentów, nakładki mapy z wieloma znacznikami, siatki zarządzania ekwipunkiem, oraz panele admina. Kluczową różnicą jest częstotliwość interakcji w porównaniu z gęstością informacji. Jeśli gracz musi rzucić na coś okiem podczas rozgrywki, miejsce na to jest w telefonie. Jeśli musi usiąść i przeanalizować dane, pad jest właściwym wyborem.

Kwestie wydajności

Jednoczesne działanie dwóch urządzeń NUI to częsta obawa właścicieli serwerów martwiących się o wydajność klienta. Dobrą wiadomością jest to, że zarówno Agency Phone, jak i Agency Pad opierają się na tym samym zoptymalizowanym silniku renderującym. Gdy urządzenie jest zamknięte, jego ramka NUI zostaje całkowicie zniszczona, a nie tylko ukryta, co zwalnia pamięć i zasoby GPU. Średnio otwarcie któregokolwiek z urządzeń kosztuje około 0.01ms czasu klatki klienta, co jest wartością pomijalną. Ważne jest, aby unikać jednoczesnego otwierania obu urządzeń. Nasz wbudowany menedżer urządzeń radzi sobie z tym automatycznie, zamykając telefon przy otwarciu tabletu i odwrotnie. Jeśli tworzysz własne integracje, pamiętaj o zachowaniu tego wzorca:

-- Ensure only one device is active at a time
local function openPad()
    if GetResourceState('agency-phone') == 'started' then
        TriggerEvent('agency:phone:close')
    end
    Wait(100) -- Allow phone NUI to clean up
    SetNuiFocus(true, true)
    SendNUIMessage({ action = 'openPad' })
end

local function openPhone()
    if GetResourceState('agency-pad') == 'started' then
        TriggerEvent('agency:pad:close')
    end
    Wait(100)
    SetNuiFocus(true, true)
    SendNUIMessage({ action = 'openPhone' })
end

Przypadek użycia: serwery policji i EMS

Roleplay służb porządkowych i ratunkowych to miejsce, gdzie połączenie telefonu i tabletu pokazuje pełnię możliwości. Funkcjonariusze na patrolu używają Agency Phone do komunikacji radiowej, szybkiego sprawdzania tablic rejestracyjnych prostą komendą oraz odbierania powiadomień dispatch. Po przybyciu na komisariat lub gdy muszą wykonać szczegółową pracę, wyciągają Agency Pad, aby uzyskać dostęp do pełnego MDT z profilami podejrzanych, aktami spraw, zarządzaniem nakazami i śledzeniem dowodów. Gracze EMS używają telefonu do odbierania zgłoszeń alarmowych, a tabletu do kart pacjentów i zarządzania szpitalem. Taki podział odzwierciedla działanie prawdziwych służb ratunkowych: radio i telefon do komunikacji w terenie, laptop lub tablet do wprowadzania szczegółowych danych. Taki przepływ pracy jest naturalny i zwiększa immersję roleplay, ponieważ gracze fizycznie przełączają się między urządzeniami zależnie od aktualnego zadania.

Przypadek użycia: serwery biznesowe i ekonomiczne

W przypadku serwerów z rozbudowaną ekonomią tablet staje się niezbędnym narzędziem do zarządzania firmą. Właściciele restauracji używają Agency Phone do przyjmowania zamówień od klientów przez szybkie wiadomości tekstowe i otrzymywania powiadomień o dostawach, podczas gdy Agency Pad służy jako ich system POS, monitor stanu magazynowego i panel finansowy. Prowadzący salony samochodowe przeglądają asortyment pojazdów w dużym widoku siatki na tablecie, wraz ze zdjęciami, cenami i stanami magazynowymi, a następnie przełączają się na telefon, aby zadzwonić do potencjalnych kupców. Agenci nieruchomości sprawdzają oferty nieruchomości na mapie tabletu i planują prezentacje za pomocą kalendarza w telefonie. Schemat jest stały: telefon służy do komunikacji i szybkiego sprawdzania informacji, a tablet obsługuje wszystko, co zyskuje na większym ekranie i bardziej złożonych elementach UI.

Tworzenie aplikacji działających na obu urządzeniach

Jeśli tworzysz własne aplikacje, najlepszym podejściem jest responsywny design, który dostosowuje się do urządzenia, na którym jest ładowany. Użyj CSS container queries lub prostego stylowania opartego na klasach, aby dostosować układ do aktywnego urządzenia. Zachowaj główną logikę we wspólnych modułach JavaScript i rozdzielaj tylko warstwę UI. Oto praktyczny przykład responsywnego komponentu aplikacji, który dostosowuje układ siatki na podstawie kontekstu urządzenia:

/* styles.css - Responsive app layout */
.app-grid {
    display: grid;
    gap: 0.75rem;
    padding: 1rem;
}

.device-phone .app-grid {
    grid-template-columns: 1fr;
    font-size: 0.875rem;
}

.device-pad .app-grid {
    grid-template-columns: repeat(3, 1fr);
    font-size: 1rem;
}

.device-phone .detail-panel {
    display: none; /* Hide detail panel on phone */
}

.device-pad .detail-panel {
    display: block;
    border-left: 1px solid rgba(255,255,255,0.1);
    padding-left: 1rem;
}

/* Phone: stack navigation vertically */
.device-phone .app-nav {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
}

/* Pad: sidebar navigation */
.device-pad .app-nav {
    display: flex;
    flex-direction: column;
    width: 200px;
}

Który z nich powinieneś kupić na swój serwer?

Jeśli prowadzisz ogólny serwer roleplay i możesz wybrać tylko jeden, zacznij od Agency Phone. Obejmuje najczęstsze interakcje graczy, a każdy serwer potrzebuje solidnego systemu telefonu. Dodaj Agency Pad później, gdy Twój serwer rozrośnie się o bardziej złożone systemy, takie jak MDT, zarządzanie firmami czy narzędzia administracyjne. Jeśli od początku tworzysz poważny serwer z naciskiem na frakcje porządkowe lub ekonomię, weź oba. Połączone doświadczenie jest znacznie bardziej immersyjne niż próba wciśnięcia wszystkiego w jedno urządzenie. Oba produkty otrzymują regularne aktualizacje i dzielą to samo API wtyczek, więc każda inwestycja we własne aplikacje przenosi się bezproblemowo między oboma urządzeniami. Sprawdź ceny pakietu w naszym sklepie, jeśli zdecydujesz się na zakup obu.