Москва UTC+3
Оптимизатор маршрута сборки RACKLIGHT: изометрический 3D-склад со светящимся оранжевым маршрутом и пятью пронумерованными остановками между стеллажами, позади — пунктир маршрута по листу сборки, слева — панели показателей, справа — панель с 409 м против 211 м, −197 м и сокращением на 48 %.

Концепт WMS для вымышленного 3PL-склада: 1 656 ячеек в живом 3D, поиск с пролётом камеры к любой паллете, оптимизатор маршрута сборки, приёмка по скану и демо-ИИ для запасов — на английском и русском.

Метки
Концепция Авторская концепция
Год
2026
Направления
Продукты, Дизайн
Студия
by VITON13
Языки
английский, русский

Обзор

RACKLIGHT — операционная система склада, которой не существует: концепт, который VITON13 сделал в сентябре 2026 года для придуманного склада ответственного хранения Norvane DC-02. Складской софт обычно показывает запасы таблицами кодов; нам было интересно, что будет, если интерфейсом станет сам склад — каждая паллета на виду, каждое действие видно прямо в зале.

Задачу мы поставили себе сами: продукт, которым мог бы пользоваться начальник смены, а не 3D-витрина. Значит, настоящие сценарии — найти паллету, собрать заказ, разместить поставку, разобраться с проблемными остатками, — цифры за каждой рекомендацией прямо на экране, английский и русский, ноутбук и телефон.

  • 1 656

    ячеек в виде живых 3D-паллет, цвет — по остатку

    Источник: Исходники демо, 28 сент. 2026

  • 400

    вымышленных SKU, у каждого 90 дней спроса и прогноз

    Источник: Исходники демо, 28 сент. 2026

  • −32 %

    длина маршрута сборки против листа (медиана, 1 140 сгенерированных заказов)

    Источник: Замер 28 сент. 2026, код маршрутизации демо

  • 10 КБ

    первый скрипт в gzip; 3D-сцена (154 КБ) грузится после него

    Источник: Замер 28 сент. 2026, файлы сборки

Подход

Склад — сцена на three.js с ортографической изометрической камерой: здание 108 × 80 м, 12 основных рядов, 4 ряда в стеклянной холодильной камере, приёмка, упаковка, отгрузка и 10 ворот. 1 656 ячеек — это инстансированные паллеты, окрашенные по остатку, а в тепловом режиме — по частоте отбора; девять сборщиков и пять погрузчиков ездят по графу проходов, а фуры по расписанию сдают задом к воротам. Всё процедурное: ни моделей, ни текстур-картинок, ни внешних запросов.

Поиск (⌘K) охватывает все 400 SKU, заказы и коды ячеек: камера летит к ячейке, луч света отмечает её, а от ближайшего сборщика тянется маршрут. Оптимизатор сравнивает порядок строк в листе сборки с маршрутом, построенным методом ближайшего соседа и 2-opt по реальным расстояниям между рядами, и отправляет по нему сборщика. Скан на приёмке выбирает ячейку по оборачиваемости — ходовой товар ближе к упаковке, охлаждённый в холодильную камеру, — и погрузчик везёт туда паллету.

Аналитика запасов — это демо-ИИ, и так и подписана: правила и статистика, которые работают в браузере. У каждого SKU 90 дней сгенерированного спроса с недельной сезонностью; прогноз с затухающим трендом задаёт точки заказа и находит дефицит, излишки, неликвид и перестановки в зоне отбора, а каждое действие меняет 3D-сцену. Картину дополняют панели показателей, таблица запасов, очередь заказов и расписание доков; оболочка написана на чистом JavaScript, а 3D-сцена подгружается уже после неё.

Результаты

Концепт работает по адресу tarasovvitalii.com/demos/racklight/: четыре раздела, четыре инструмента и около 230 строк интерфейса на каждом из двух языков. 28 сентября 2026 года мы измерили продакшен-сборку: первый скрипт весит 10 КБ в gzip, а 3D-сцена на three.js — 154 КБ в gzip — загружается, когда интерфейс уже отрисован; вся сборка занимает 1,0 МБ, в ней нет картинок, моделей и текстур.

Мы прогнали собственный код маршрутизации демо на 1 140 заказах, которые оно генерирует за 30 дней: оптимизированный маршрут в медиане на 32 % короче обхода по порядку строк в листе сборки (заказ на экране — с 409 до 211 м). В Chrome в headless-режиме на MacBook Air с Apple M5, в окне 1600 × 1000 при Retina-масштабе, сцена держала 55–60 fps при стандартной частоте кадров 60 Гц в шести состояниях и выдавала 160–200 fps без ограничения.

Чего это не доказывает

RACKLIGHT — концепт, который VITON13 сделал, чтобы показать диапазон; это не заказной продукт. Norvane DC-02, его клиенты, перевозчики, поставщики, товары и все цифры вымышлены и генерируются в браузере: за демо нет ни пользователей, ни заказчиков, ни склада, ни выручки. Демо-ИИ — это правила и статистика на устройстве посетителя, а не языковая модель, и на реальном спросе он не обучался.

Экономия маршрута измерена против неотсортированного листа сборки на сгенерированных заказах; если лист просто отсортировать по коду ячейки, медианный выигрыш падает примерно до 9 %, а на настоящем складе добавятся заторы, тележки и пакетная сборка. Частота кадров и размеры — лабораторные замеры на одном компьютере в headless Chrome 28 сентября 2026 года; демо не подключено ни к настоящей WMS, ни к сканерам, ни к докам. Первая проверка Lighthouse на локальной копии, на сильно загруженной машине, дала телефонному тесту всего 37: 3D-сцена собиралась за один раз и на секунды занимала замедленный процессор. После этого мы разбили запуск на короткие шаги, которые уступают очередь браузеру, и стали компилировать шейдеры асинхронно: в нашей проверке с процессором, замедленным в четыре раза, время блокировки упало примерно с 1,3 с до 20 мс, а на живом адресе 28 сентября Lighthouse дал 86 на телефоне и 99 на компьютере (медианы пяти прогонов, load average 3–9); доступность — 91–92, потому что мелкий счётчик на кнопке инструмента и ссылка в плашке «вымышленный продукт» ещё ждут правки. Это лабораторные тесты с имитацией телефона, а не замеры на настоящих устройствах.

Задумали что-то похожее? Каждое сообщение лично читает наш основатель — Тарасов Виталий.

Все работы

Следующий проект

HOURLINEКонцепт платформы онлайн-записи (веб-приложение) Концепция2026 Все работы (32)