Modo GPU restringido
El renderizador detecta las capacidades del dispositivo al inicializarse y elige high o constrained. El modo restringido limita el lienzo y evita decodificar el fondo raster completo en WebGL cuando no hay mosaicos de detalle. La detección automática no requiere cambios en la aplicación.
Detección automática
El dispositivo se clasifica como restringido si se cumple alguna condición:
- La relación de píxeles del dispositivo es al menos 3 o la pantalla física supera 8 millones de píxeles.
- Hay entrada táctil y el puntero principal es de tipo grueso.
- La prueba de carga de texturas GPU tarda más de 30 ms.
La prueba carga diez veces una textura RGBA de 512 × 512 y mide su finalización. El tamaño máximo de textura anunciado no determina por sí solo el nivel. Estas reglas definen una política de renderizado, no una garantía para un modelo de teléfono.
Comportamiento del fondo
La tabla describe fondos raster convertidos en WebGL. La carga de imágenes en SVG y en la alternativa Canvas2D conserva su comportamiento.
| Aspecto | Nivel high | Nivel constrained |
|---|---|---|
| Dimensión máxima del lienzo | Sin límite específico del nivel | 2048 px |
| Vista general | Imagen de vista previa | Imagen de vista previa |
| Detalle con mosaicos | Recorte limitado desde mosaicos | Recorte limitado desde mosaicos |
| Detalle sin mosaicos | Alternativa de imagen completa | Solo vista previa |
Con mosaicos, el renderizador combina los necesarios para la región visible en un recorte limitado. Libera la textura de detalle al alejarse y descarta resultados obsoletos durante movimientos rápidos.
Desde Renderer 1.74, un dispositivo restringido sin mosaicos conserva la vista previa a cualquier escala. El fondo puede verse menos nítido al acercarse. Esta ruta no decodifica la imagen completa para crear un recorte; el nivel high conserva esa alternativa.
Configuración
Omite gpuTier para la detección automática:
const renderer = new SeatmapBookingRenderer(container, {
publicKey: 'your-public-key',
});
Para fijar la política del dispositivo:
const renderer = new SeatmapBookingRenderer(container, {
publicKey: 'your-public-key',
gpuTier: 'constrained',
});
Los valores permitidos son high y constrained. El ajuste explícito tiene prioridad sobre el parámetro URL gpuTier, y este sobre la detección automática. Para una prueba, añade ?gpuTier=constrained a la página que aloja el renderizador.
Verificación
Activa debug: true para revisar el nivel elegido y la carga de fondos en la consola. Prueba planos con mosaicos y planos con solo vista previa en los dispositivos físicos que admite tu aplicación. La emulación de escritorio no verifica el uso de memoria de un teléfono.