Filtros de visión
Los filtros de visión son efectos CSS de post-procesado aplicados sobre el tile de mapa. No alteran los datos subyacentes — son superposiciones estilísticas. Hay doce estilos disponibles, cada uno con un deslizador de intensidad (0-100 %) y una superposición opcional de scanlines que se activa para algunos de los looks más retro.
Abrir el menú de visión
La pestaña Vision de la barra lateral Layers (lado izquierdo del tile de mapa) lista los doce estilos como botones seleccionables. Cada botón muestra una pequeña vista previa del filtro con su nombre debajo. Haz clic en cualquier botón para aplicar; haz clic en el estilo actualmente aplicado para desactivar.
Los 12 estilos
| Estilo | Apariencia | Cuándo usar |
|---|---|---|
| default | Sin filtro | Renderizado normal |
| nvg | Visión nocturna de fósforo verde — pila hue-rotate + saturación | Simulacros de operaciones nocturnas, puestos de mando oscuros |
| flir | Monocromo estilo térmico — cadena de contraste + invertido | Resaltar puntos calientes en escenas fotorrealistas |
| crt | Monitor CRT retro — saturación reducida + scanlines | Estética HUD vintage, briefings post-acción |
| noir | Blanco y negro de alto contraste — saturate(0) + contraste | Capturas de mapa con calidad de impresión |
| snow | Tinte azul ártico para reconocimiento | Legibilidad en planificación de terreno nevado |
| amber | Ámbar HUD cálido | Preserva la visión adaptada a la noche, como rojo nocturno pero más cálido |
| cyberpunk | Neón magenta / cian | Toque cinematográfico, demos, tráilers |
| whiteout | Brillo sobreexpuesto | Simulación de máximo deslumbramiento |
| recon | Azul táctico atenuado — sepia + hue-rotate | Lecturas de mapa densas de información con menos ruido de color |
| solarize | Psicodélico en colores falsos — contraste + hue-rotate + inversión leve | Capturas estilizadas, escenarios de entrenamiento |
| tactical | Base táctica oscura con acentos cian | Pantallas de puesto de mando con sol o resplandor intenso |
Deslizador de intensidad
Debajo de los botones de estilo hay un deslizador de 0 a 100 que controla la fuerza con la que se lee el efecto. En 0 el filtro está esencialmente desactivado; en 100 el filtro se renderiza a plena intensidad. El deslizador controla la opacidad de una superposición de filtro en vez de mezclar parámetros de filtro, así que el efecto es no-lineal — en valores bajos obtienes un tinte sutil, en valores altos el mapa se vuelve fuertemente estilizado.
El valor actual del deslizador se persiste por sesión; recarga la página y vuelves a la intensidad por defecto.
Conmutador de scanlines
Debajo del deslizador de intensidad vive un conmutador Scanlines. Al
habilitarlo se dibujan líneas horizontales tipo ráster sobre el mapa mediante un
pseudoelemento ::after. Las scanlines son especialmente apropiadas para:
- nvg — aspecto clásico de tubo de visión nocturna.
- crt — parte del paquete retro-monitor.
- amber — ambiente HUD.
- recon — textura sutil de HUD de operador.
Se ven fuera de lugar en looks limpios como noir y default (por eso esos dos no aplican el pseudoelemento aunque el conmutador esté activado).
Ciclar por voz o atajo
No hay atajo de teclado para ciclar filtros en la build actual. El menú de
visión es el único punto de entrada. Existe un método cycleVisionStyle() en el
componente (no llamado por nada actualmente) que avanzaría al siguiente filtro;
exponlo a un atajo abriendo un ticket si es algo que usarías.
Persistencia
Filtro + intensidad + scanlines tienen alcance de sesión — persisten a través de cambios de modo (2D → 3D → Cesium) dentro de la misma sesión del navegador pero se restablecen al recargar la página. Esto es intencional: la mayoría de operadores quiere un mapa limpio cada vez que vuelven a la consola en vez de descubrir que están mirando una vista tintada con NVG de la semana pasada.
Interacción con el modo 2D
Los filtros se aplican en los tres modos de mapa (2d, 3d, cesium3d), pero el
aspecto es sutilmente diferente:
- 2D (satélite de Google Maps) — los filtros se aplican vía CSS en el elemento DOM que contiene los tiles de Google. Los filtros se ven más cercanos a su intención de diseño porque los tiles son bitmaps planos.
- 3D y Cesium — los filtros se aplican al elemento canvas. La cadena de filtros es idéntica pero la iluminación + pistas de profundidad del renderizador 3D pueden aplanar o exagerar el efecto. El estilo tactical específicamente está afinado para Cesium.
Nota de accesibilidad
- nvg puede desorientar en pantallas de alto brillo — combínalo con el tema oscuro ARGUS (Tema) para una lectura consistente.
- solarize y cyberpunk son de alta saturación; los operadores con deficiencias de visión del color pueden tener dificultad para leerlos — prefiere noir o recon.
Relacionado
- Descripción general del mapa
- Tema
- Holograma táctico — no confundir con el filtro de visión tactical. El modo holograma es una reelaboración de renderizado completo del mapa; el filtro es un tinte de color sobre cualquier modo de renderizado en el que estés.