RACKLIGHT: un sistema operativo de almacén en 3D que se puede recorrer, hecho como concepto

VITON¹³ crea productos conceptuales para mostrar su alcance donde aún no tiene un proyecto de cliente que enseñar. RACKLIGHT es el de operaciones: un WMS para Norvane DC-02, un almacén inventado de logística a terceros con 400 productos, 38 pedidos de salida al día, cinco muelles de entrada, cinco de salida y una cámara frigorífica. La empresa, sus clientes, transportistas, proveedores y todas las cifras son ficticios, y la demo lo dice en una etiqueta fija en pantalla.

El encargo nos lo pusimos nosotros. El software de almacén suele mostrar el stock como tablas de códigos, así que la interfaz debía ser el propio almacén, con cada palé a la vista y cada acción reflejada en la nave, sin convertirlo en un escaparate en 3D. Tenía que incluir flujos que un jefe de turno reconocería, enseñar los números de cada sugerencia y funcionar en inglés y en ruso, en portátil y en móvil.

El almacén es una nave de 108 × 80 m dibujada con three.js y una cámara ortográfica isométrica: 12 pasillos principales con zona de picking y reserva, 4 pasillos en una cámara frigorífica acristalada, recepción, puestos de embalaje con cinta transportadora, carriles de expedición y 10 muelles con camiones. Las 1656 ubicaciones son palés instanciados coloreados según el stock, o según la frecuencia de picking en el modo de mapa de calor. Nueve preparadores y cinco carretillas recorren el grafo de pasillos, los camiones atracan en los muelles según el horario y, al pasar el cursor por una ubicación, se ven su SKU, la cantidad y el llenado.

Sobre él trabajan cuatro herramientas. La búsqueda (⌘K) abarca los 400 SKU, pedidos y códigos de ubicación; lleva la cámara hasta la ubicación, la ilumina con un haz y traza una ruta desde el preparador más cercano. El optimizador compara el orden de la hoja de pedido con una ruta construida por vecino más cercano y 2-opt sobre las distancias mínimas entre pasillos, y manda a un preparador a recorrerla. La regla de ubicación del escaneo en recepción elige el hueco según la rotación —los artículos rápidos, junto a embalaje; los lentos, en los niveles altos de reserva; los refrigerados, en la cámara— mientras una carretilla lleva allí el palé. La cuarta es la inteligencia de inventario.

Alrededor de la escena hay paneles de indicadores (ocupación por zona, entradas y salidas del día, precisión de picking, pedidos pendientes antes del próximo corte del transportista, un flujo de eventos en vivo y una línea de tiempo de muelles), una tabla de inventario con filtros y una gráfica de 90 días por SKU, una cola de pedidos por estado y corte, y un diagrama de Gantt para los 10 muelles. Cada cambio se guarda en el navegador de quien visita, y un botón restablece el entorno de prueba.

La inteligencia de inventario es IA de demostración, y la interfaz lo dice: reglas y estadística en el navegador, no un modelo de lenguaje. Cada SKU tiene 90 días de demanda generada con estacionalidad semanal; la previsión usa índices estacionales de las últimas ocho semanas y una tendencia lineal amortiguada, un stock de seguridad con z = 1,65 fija el punto de pedido y cuatro listas señalan stock bajo (se lanza un pedido de compra y un camión atraca), sobrestock, stock muerto y cambios de ubicación con los metros que ahorrarían. Cada acción cambia la escena 3D: los palés llegan, se mueven, se tiñen de violeta para liquidación o salen.

Todo es procedural: sin modelos 3D, sin texturas de imagen y sin peticiones externas. La interfaz es JavaScript sin framework empaquetado con esbuild y se pinta primero; la escena de three.js es un bloque aparte que se carga después. Los palés son mallas instanciadas con un único material modificado para las juntas de las cajas, el atenuado, el brillo del mapa de calor y el encendido de luces de la intro; las sombras solo se recalculan cuando cambia el stock, la resolución baja si los fotogramas se ralentizan y el renderizado se pausa en una pestaña oculta. En el móvil hay una escena más ligera con menos agentes, una franja de indicadores, paneles inferiores y una barra de pestañas.

Hoy existe un concepto que funciona en tarasovvitalii.com/demos/racklight/: cuatro vistas, cuatro herramientas y unas 230 cadenas de interfaz en cada idioma, inglés y ruso. El 28 de septiembre de 2026 medimos la build de producción: el primer script pesa 10 KB con gzip (tras rehacer el arranque), la escena de three.js 154 KB con gzip y la build completa 1,0 MB, sin archivos de imagen, modelos ni texturas. En Chrome headless en un MacBook Air con Apple M5, a 1600 × 1000 con escala Retina, la escena mantuvo 55–60 fps con el reloj de fotogramas por defecto de 60 Hz en seis estados y, sin límite, llegó a 160–200 fps, unos 5–6 ms por fotograma.

También ejecutamos el propio código de rutas de la demo sobre los 1140 pedidos que genera en 30 días. La ruta optimizada fue, en mediana, un 32 % más corta que recorrer la hoja de pedido línea a línea, y el pedido de las capturas baja de 409 m a 211 m. Frente a una hoja simplemente ordenada por código de ubicación, la ganancia mediana ronda el 9 %, la comparación más justa para un almacén que ya ordena sus listas de picking.

RACKLIGHT es un concepto que VITON¹³ creó para mostrar su alcance, no un producto encargado. Norvane DC-02, sus clientes, transportistas, proveedores, productos y todas las cifras son ficticios y se generan en el navegador: detrás no hay usuarios, ni clientes, ni almacén, ni ingresos, y no demuestra nada sobre la adopción ni el ahorro en una operación real. La IA de demostración son reglas y estadística en el dispositivo de quien la visita, no un modelo entrenado, y nunca ha visto demanda real.

Nada se conecta a un WMS, ERP, escáner de códigos de barras o sistema de muelles reales; el plano está fijado en el código en lugar de importarse de planos, y las rutas ignoran atascos, carros y preparación por lotes. Los fotogramas proceden de una sola máquina con Chrome headless en un solo día, y la revisión de Lighthouse de abajo se midió en la dirección real el 28 de septiembre de 2026, con un móvil simulado y no en dispositivos reales. La demo está fuera de los buscadores a propósito.

Cómo revisar el portafolio de un estudio web →