RACKLIGHT : un système d’exploitation d’entrepôt en 3D que l’on parcourt, conçu comme un concept

VITON¹³ crée des produits concepts pour montrer son étendue là où nous n’avons pas encore de projet client à présenter. RACKLIGHT est celui de l’exploitation : un WMS pour Norvane DC-02, un entrepôt inventé de logistique pour compte de tiers avec 400 références, 38 commandes sortantes par jour, cinq quais de réception, cinq quais d’expédition et une chambre froide. L’entreprise, ses clients, transporteurs, fournisseurs et tous les chiffres sont fictifs, et la démo le dit dans un bandeau fixe à l’écran.

Le cahier des charges, nous l’avons fixé nous-mêmes. Un logiciel d’entrepôt montre d’habitude le stock sous forme de tableaux de codes : l’interface devait donc être l’entrepôt lui-même, chaque palette visible et chaque action reflétée dans les allées, sans en faire une vitrine 3D. Il fallait des parcours qu’un chef d’équipe reconnaîtrait, les chiffres derrière chaque suggestion, l’anglais et le russe, l’ordinateur portable et le téléphone.

L’entrepôt est un bâtiment de 108 × 80 m dessiné en three.js avec une caméra orthographique isométrique : 12 allées principales avec zone de picking et réserve, 4 allées dans une chambre froide vitrée, la réception, des postes d’emballage avec convoyeur, des couloirs d’expédition et 10 quais avec leurs camions. Les 1 656 emplacements sont des palettes instanciées colorées selon le stock, ou selon la fréquence de picking en mode carte de chaleur. Neuf préparateurs et cinq chariots élévateurs circulent sur le graphe des allées, les camions se mettent à quai selon le planning, et le survol d’un emplacement affiche sa référence, sa quantité et son taux de remplissage.

Quatre outils s’y appliquent. La recherche (⌘K) couvre les 400 références, les commandes et les codes d’emplacement ; elle amène la caméra sur l’emplacement, l’éclaire d’un faisceau et trace un chemin depuis le préparateur le plus proche. L’optimiseur compare l’ordre du bon de préparation à une tournée construite par plus proche voisin et 2-opt sur les plus courtes distances entre allées, puis envoie un préparateur la parcourir. La règle de rangement du scan en réception choisit l’emplacement selon la rotation — articles rapides au plus près de l’emballage, lents sur les niveaux hauts de la réserve, produits frais en chambre froide — pendant qu’un chariot y porte la palette. Le quatrième outil est l’analyse des stocks.

Autour de la scène : des panneaux d’indicateurs (remplissage par zone, entrées et expéditions du jour, précision du picking, commandes en attente avant la prochaine coupure transporteur, un fil d’événements en direct et une frise des quais), une table des stocks avec filtres et une courbe de 90 jours par référence, une file des commandes par statut et par coupure, et un diagramme de Gantt pour les 10 quais. Chaque modification est gardée dans le navigateur du visiteur, et un bouton réinitialise le bac à sable.

L’analyse des stocks est une IA de démonstration, et l’interface le dit : des règles et des statistiques dans le navigateur, pas un modèle de langage. Chaque référence a 90 jours de demande générée avec une saisonnalité hebdomadaire ; la prévision s’appuie sur des indices saisonniers des huit dernières semaines et une tendance linéaire amortie, un stock de sécurité à z = 1,65 fixe le point de commande, et quatre listes signalent les ruptures proches (lancer une commande fournisseur fait venir un camion à quai), le surstock, le stock dormant et les échanges d’emplacements avec les mètres qu’ils feraient gagner. Chaque action modifie la scène 3D : des palettes arrivent, se déplacent, virent au violet pour le déstockage ou repartent.

Tout est procédural : ni modèle 3D, ni texture d’image, ni requête externe. L’interface en JavaScript sans framework, empaquetée avec esbuild, s’affiche en premier ; la scène three.js est un module séparé chargé ensuite. Les palettes sont des maillages instanciés avec un seul matériau modifié pour les joints des cartons, l’atténuation, la lueur de la carte de chaleur et l’allumage des lumières de l’intro ; les ombres ne sont recalculées que lorsque le stock change, la résolution baisse si les images ralentissent et le rendu se met en pause dans un onglet masqué. Sur téléphone, la scène est allégée avec moins d’agents, un bandeau d’indicateurs, des panneaux en bas d’écran et une barre d’onglets.

Il existe aujourd’hui un concept qui fonctionne sur tarasovvitalii.com/demos/racklight/ : quatre vues, quatre outils et environ 230 chaînes d’interface dans chacune des deux langues, anglais et russe. Le 28 septembre 2026, nous avons mesuré la version de production : le premier script pèse 10 Ko compressé en gzip (après la refonte du démarrage), la scène three.js 154 Ko compressée, et l’ensemble 1,0 Mo, sans fichier d’image, de modèle ni de texture. Dans Chrome headless sur un MacBook Air avec puce Apple M5, en 1600 × 1000 à l’échelle Retina, la scène a tenu 55 à 60 images par seconde avec l’horloge par défaut de 60 Hz dans six états, et 160 à 200 images par seconde sans plafond, soit environ 5 à 6 ms par image.

Nous avons aussi fait tourner le propre code de routage de la démo sur les 1 140 commandes qu’elle génère en 30 jours. La tournée optimisée est en médiane 32 % plus courte que le parcours ligne par ligne du bon de préparation, et la commande des captures passe de 409 m à 211 m. Face à un bon simplement trié par code d’emplacement, le gain médian tombe à environ 9 %, la comparaison la plus juste pour un entrepôt qui trie déjà ses listes de picking.

RACKLIGHT est un concept créé par VITON¹³ pour montrer son étendue, pas un produit commandé. Norvane DC-02, ses clients, transporteurs, fournisseurs, références et tous les chiffres sont fictifs et générés dans le navigateur : derrière, il n’y a ni utilisateurs, ni clients, ni entrepôt, ni chiffre d’affaires, et la démo ne prouve rien sur l’adoption ou les économies dans une exploitation réelle. L’IA de démonstration, ce sont des règles et des statistiques sur l’appareil du visiteur, pas un modèle entraîné, et elle n’a jamais vu de demande réelle.

Rien n’est relié à un vrai WMS, un ERP, des lecteurs de codes-barres ou un système de gestion des quais ; le plan est écrit dans le code au lieu d’être importé de plans, et le routage ignore les encombrements, les chariots et la préparation par lots. Les cadences d’images viennent d’une seule machine, dans Chrome headless, un seul jour, et la revue Lighthouse ci-dessous a été mesurée sur l’adresse en ligne le 28 septembre 2026, avec un téléphone simulé et non sur de vrais appareils. La démo est volontairement exclue des moteurs de recherche.

Comment vérifier le portfolio d’une agence web →