FiveM Phone vs Tablet: Какой скрипт устройства подходит вашему серверу

Почему два устройства вместо одного?

Когда мы впервые выпустили Agency Phone, он быстро стал основным игровым телефоном для сотен серверов FiveM. Но по мере того как владельцы серверов строили более сложные ролевые экосистемы, постоянно появлялась одна просьба: игроки хотели больший экран для задач, таких как просмотр MDT, управление бизнесами или изучение документов во время ролевой игры. Именно поэтому мы создали Agency Pad. Вместо того чтобы помещать все функции в один интерфейс телефона, мы разделили опыт на два специализированных устройства. Телефон обрабатывает быстрые, мобильные взаимодействия, такие как звонки, сообщения и уведомления, а планшет предоставляет полноценный опыт для работы с большими объёмами данных. В этой статье подробно объясняется, когда использовать каждое устройство и как они дополняют друг друга на вашем сервере.

Экранное пространство и расположение UI

Самое очевидное отличие Agency Phone от Agency Pad , размер экрана. Agency Phone использует компактный мобильный вид примерно 360x640 пикселей, предназначенный для размещения в углу экрана игрока без блокировки игрового процесса. Agency Pad, напротив, открывает планшетный вид примерно 800x600 пикселей, который занимает больше места на экране, но предоставляет значительно больше полезного пространства. Это важно при создании приложений с таблицами, формами или картами. Контакты на телефоне работают отлично, но попробуйте уместить полноценный полицейский MDT с досье подозреваемых, ордерами и фотографиями доказательств на экране шириной 360 пикселей , всё быстро становится тесным. Вот как определить устройство, на котором запущено ваше приложение, и соответственно настроить макет:

-- 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')
    }
})

Сравнение функций в одном взгляде

Оба устройства используют общую фреймворк для приложений, что позволяет запускать любые приложения на любом из них. Однако некоторые функции оптимизированы для одного из устройств. Agency Phone выделяется в вызовы и интеграция голосового чата, SMS и сообщения, быстрые уведомления, камера и фотогалерея, управление контактами , и GPS навигация. Agency Pad выделяется MDT и полицейские записи, панели управления бизнесом, просмотр и редактирование документов, наложения карты с несколькими маркерами, сетки управления инвентарём , и админ панели. Главное различие , частота взаимодействия и плотность информации. Если игроку нужно быстро взглянуть на что-то во время игры, это должно быть на телефоне. Если нужно сесть и проработать данные, правильный выбор , pad.

Вопросы производительности

Одновременный запуск двух NUI-устройств , частая проблема для владельцев серверов, беспокоящихся о производительности клиента. Хорошая новость: и Agency Phone, и Agency Pad построены на одном оптимизированном движке рендеринга. При закрытии устройства его NUI-окно полностью уничтожается, а не просто скрывается, что освобождает память и ресурсы GPU. В среднем открытие любого из устройств занимает около 0.01 мс клиентского времени кадра, что незначительно. Главное , избегать одновременного открытия обоих устройств. Наш встроенный менеджер устройств автоматически закрывает телефон при открытии планшета и наоборот. Если вы создаёте собственные интеграции, обязательно соблюдайте этот принцип:

-- 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

Сценарий использования: полицейские и EMS серверы

Ролевые игры правоохранительных органов и служб экстренной помощи , это то, где комбинация phone-plus-pad от Agency действительно проявляет себя. Офицеры на патруле используют Agency Phone для радиосвязи, быстрого проверки номеров через простую команду и получения уведомлений диспетчера. Когда они прибывают в участок или им нужно выполнить детальную работу, они достают Agency Pad для доступа к полному MDT с профилями подозреваемых, делами, управлением ордерами и отслеживанием улик. Игроки EMS используют телефон для входящих экстренных вызовов и планшет для ведения записей пациентов и управления больницей. Такое разделение отражает работу реальных спасателей: радио и телефон для связи в поле, ноутбук или планшет для детального ввода данных. Рабочий процесс ощущается естественным и поддерживает погружение в ролевую игру, так как игроки физически переключаются между устройствами в зависимости от текущей задачи.

Сценарий использования: бизнес и экономические серверы

Для серверов с глубокой экономикой планшет становится незаменимым инструментом управления бизнесом. Владельцы ресторанов используют Agency Phone для приёма заказов через быстрые сообщения и получения уведомлений о доставке, а Agency Pad служит кассовой системой, учётом запасов и финансовой панелью. Операторы автосалонов просматривают инвентарь на большом сеточном экране планшета с фото, ценами и остатками, затем переключаются на телефон для звонков потенциальным покупателям. Агентства недвижимости проверяют списки объектов на карте планшета и назначают просмотры через календарь телефона. Схема проста: телефон отвечает за коммуникацию и быстрый поиск, планшет , за задачи, требующие большего экрана и сложного UI.

Создание приложений, работающих на обоих устройствах

Если вы разрабатываете кастомные приложения, лучший подход , адаптивный дизайн, который подстраивается под любое устройство. Используйте CSS container queries или простое стилизование на основе классов для настройки макета в зависимости от активного устройства. Держите основную логику в общих JavaScript модулях и ветвите только UI слой. Вот практический пример адаптивного компонента приложения, который меняет сетку в зависимости от контекста устройства:

/* 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;
}

Какой из них купить для вашего сервера?

Если вы запускаете общий ролевой сервер и можете выбрать только одно, начните с Agency Phone. Он покрывает самые распространённые взаимодействия игроков, и каждому серверу нужна надёжная телефонная система. Добавьте Agency Pad позже, когда сервер вырастет до более сложных систем, таких как MDT, управление бизнесом или админ-инструменты. Если вы строите серьёзный сервер правоохранительных органов или с экономическим уклоном с самого начала, приобретайте оба. Совместный опыт значительно глубже, чем попытка уместить всё в одно устройство. Оба продукта регулярно обновляются и используют одинаковый API плагинов, так что любые инвестиции в разработку кастомных приложений легко переносятся между устройствами. Проверьте цены на наборы в нашем магазине, если решите взять оба.