Teléfono o tableta para FiveM: qué dispositivo encaja con tu servidor

¿Por qué dos dispositivos en lugar de uno?

Cuando lanzamos Agency Phone, no tardó en convertirse en el teléfono del juego preferido de cientos de servidores de FiveM. Pero, a medida que los propietarios de servidores empezaron a crear ecosistemas de rol más complejos, se repetía una petición: los jugadores querían una pantalla más grande para tareas como consultar el MDT, gestionar negocios o revisar documentos durante el roleplay. Precisamente por eso creamos Agency Pad. En lugar de meter todas las funciones en una sola interfaz de teléfono, dividimos la experiencia entre dos dispositivos diseñados para usos concretos. El teléfono se ocupa de las interacciones rápidas y sobre la marcha, como las llamadas, los mensajes de texto y las notificaciones, mientras que el pad ofrece una experiencia de tableta completa para tareas que requieren muchos datos. En este artículo te explicamos cuándo conviene usar cada dispositivo y cómo se complementan en tu servidor.

Espacio de pantalla y diseño de la interfaz

La diferencia más evidente entre Agency Phone y Agency Pad es el tamaño de la pantalla. Agency Phone usa una ventana compacta de estilo móvil de aproximadamente 360x640 píxeles, diseñada para aparecer en una esquina de la pantalla del jugador sin bloquear el juego. Agency Pad, en cambio, abre una ventana del tamaño de una tableta, de aproximadamente 800x600 píxeles, que ocupa más espacio en pantalla, pero ofrece mucho más espacio útil. Esto importa al crear aplicaciones que muestran tablas, formularios o mapas. Una aplicación de contactos con formato de teléfono funciona perfectamente, pero intenta mostrar un MDT policial completo con expedientes de sospechosos, órdenes de arresto y fotos de pruebas en una pantalla de 360 píxeles de ancho, y enseguida te quedarás sin espacio. Así puedes detectar en qué dispositivo se ejecuta tu aplicación y ajustar el diseño según corresponda:

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

Comparación rápida de funciones

Ambos dispositivos comparten un marco común para aplicaciones, lo que significa que cualquier aplicación que crees puede ejecutarse técnicamente en cualquiera de los dos. Sin embargo, algunas funciones están optimizadas para uno u otro. Agency Phone destaca en integración de llamadas y chat de voz, SMS y mensajería, notificaciones rápidas, cámara y galería de fotos, gestión de contactos, y navegación GPS. Agency Pad destaca en MDT y expedientes policiales, paneles de gestión empresarial, visualización y edición de documentos, superposiciones de mapa con varios marcadores, cuadrículas de gestión del inventario, y paneles de administración. La diferencia clave está en la frecuencia de interacción frente a la densidad de información. Si un jugador necesita echar un vistazo rápido a algo durante la partida, va en el teléfono. Si necesita sentarse a trabajar con los datos, el pad es la opción adecuada.

Consideraciones de rendimiento

Usar dos dispositivos NUI simultáneamente es una preocupación habitual entre los propietarios de servidores que temen por el rendimiento del cliente. La buena noticia es que Agency Phone y Agency Pad usan el mismo motor de renderizado optimizado. Cuando se cierra un dispositivo, su marco NUI se destruye por completo en lugar de quedar simplemente oculto, lo que libera memoria y recursos de la GPU. En promedio, tener abierto cualquiera de los dispositivos consume aproximadamente 0.01ms del tiempo de fotograma del cliente, una cantidad insignificante. Lo importante es evitar tener ambos dispositivos abiertos al mismo tiempo. Nuestro administrador de dispositivos integrado se encarga de esto automáticamente: cierra el teléfono cuando se abre el pad y viceversa. Si estás creando integraciones personalizadas, asegúrate de seguir este patrón:

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

Caso de uso: servidores de policía y EMS

Los servidores de roleplay de las fuerzas del orden y los servicios de emergencia son donde la combinación de teléfono y pad realmente destaca. Los agentes de patrulla usan Agency Phone para comunicarse por radio, consultar matrículas rápidamente mediante un comando sencillo y recibir notificaciones de despacho. Cuando llegan a la comisaría o necesitan hacer un trabajo detallado, sacan Agency Pad para acceder al MDT completo, con perfiles de sospechosos, expedientes, gestión de órdenes de arresto y seguimiento de pruebas. Los jugadores de EMS usan el teléfono para recibir llamadas de emergencia y el pad para consultar los registros de pacientes y gestionar el hospital. Esta división refleja cómo trabajan los servicios de emergencia en la vida real: una radio y un teléfono para comunicarse en el terreno, y un portátil o una tableta para introducir datos detallados. El flujo de trabajo resulta natural y mantiene el roleplay inmersivo, ya que los jugadores cambian físicamente de dispositivo según la tarea que estén realizando.

Caso de uso: servidores de negocios y economía

En los servidores con sistemas económicos profundos, el pad se convierte en una herramienta esencial para gestionar negocios. Los propietarios de restaurantes usan Agency Phone para recibir pedidos de clientes mediante mensajes de texto rápidos y recibir notificaciones de entrega, mientras que Agency Pad funciona como sistema de punto de venta, rastreador de inventario y panel financiero. Los operadores de concesionarios de coches consultan el inventario de vehículos en la vista de cuadrícula amplia del pad, que incluye fotos, precios y niveles de existencias, y luego cambian al teléfono para llamar a posibles compradores. Los agentes inmobiliarios consultan los anuncios de propiedades en la interfaz de mapa del pad y programan visitas con el calendario del teléfono. El patrón es siempre el mismo: el teléfono se ocupa de las comunicaciones y las consultas rápidas, mientras que el pad se encarga de todo lo que se beneficia de una ventana más grande y elementos de interfaz más complejos.

Crear apps compatibles con ambos dispositivos

Si estás desarrollando apps personalizadas, lo mejor es usar un diseño adaptable que se ajuste al dispositivo en el que se cargue. Usa consultas de contenedor CSS o estilos sencillos basados en clases para ajustar los diseños según el dispositivo activo. Mantén la lógica principal en módulos JavaScript compartidos y cambia solo la capa de la interfaz. Aquí tienes un ejemplo práctico de un componente adaptable que ajusta la cuadrícula según el contexto del dispositivo:

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

¿Cuál deberías comprar para tu servidor?

Si tienes un servidor de roleplay de propósito general y solo puedes elegir uno, empieza con Agency Phone. Cubre las interacciones más habituales de los jugadores y todos los servidores necesitan un buen sistema de teléfono. Más adelante, añade Agency Pad cuando tu servidor incorpore sistemas más complejos, como MDT, gestión empresarial o herramientas de administración. Si desde el principio estás creando un servidor centrado en las fuerzas del orden o la economía, consigue ambos. La experiencia combinada es mucho más inmersiva que intentar meterlo todo en un solo dispositivo. Ambos productos reciben actualizaciones periódicas y comparten la misma API de plugins, así que cualquier inversión que hagas en el desarrollo de apps personalizadas se transfiere fácilmente entre los dos dispositivos. Consulta nuestra tienda para ver los precios de los paquetes si decides llevarte ambos.