Interaktives 3D-Lager aus JTL-Wawi-Lagerplätzen – Belegung, Sperrplätze und Layout im Browser

Kunde

RemotaTech (eigenes Produkt)

Leistungen

Produktdesign, 3D-Visualisierung & ERP-Anbindung

Branche

Logistik & E-Commerce

Jahr

2026

JTL-WawiThree.jsReact Three FiberNext.jsMSSQL3D

Die
Ausgangslage

B-05-3. Mehr weiß die Wawi nicht über einen Lagerplatz.

JTL-Wawi verwaltet Lagerplätze als flache Textliste. Hunderte Zeilen wie B-05-3 oder C-12-1 – ohne Bild, ohne Raum, ohne Zusammenhang.

Wie voll ist das Lager wirklich? Wo liegen die gesperrten Plätze? Welcher Bereich platzt, welcher steht leer? Das weiß nur, wer durch die Halle läuft.

Für die Lagerleitung heißt das: Excel, Zettel, Bauchgefühl. Die Daten sind da. Nur sieht sie niemand.

LagerView 3D – Nahaufnahme der Regale mit Belegungsfarben: Karton belegt, Rot gesperrt, Violett Sonderplatz
LagerView 3D – Gesamtansicht des Beispiellagers mit fünf Bereichen und HUD: Plätze, Belegt, Gesperrt
LagerView 3D – Regal angeklickt: Seitenpanel mit allen Lagerplätzen und Artikelanzahl, Tooltip B-05-3 · 16 Artikel
LagerView 3D – Verbindungsdialog zur JTL-Wawi-Datenbank, Zugangsdaten verschlüsselt im Browser

Ein Klick.
Das Lager steht.

Aus der Textliste wird ein begehbares 3D-Modell. Aus echten Wawi-Daten, live.

Struktur aus Strings. LagerView liest das in der Wawi konfigurierte Dimensionsschema und zerlegt jeden Platznamen in Bereich, Regal und Ebene. Daraus entsteht die Halle: Bereiche als Gruppen, Regale im realistischen Raster, Ebenen übereinander.

Belegung auf einen Blick. Karton heißt belegt, Rot heißt gesperrt, Violett heißt Sonderplatz. Das HUD zählt mit: Plätze, belegt, gesperrt – für das ganze Lager.

Regal anklicken, Details sehen. Ein Klick öffnet das Panel: jeder Platz des Regals mit Artikelanzahl. Hover zeigt den einzelnen Platz. Die vollständige Artikelliste kommt auf Abruf aus der Datenbank.

Immer hineinsehen. Wände zwischen Kamera und Innenraum blenden sich automatisch aus. Drehen, zoomen, verschieben – die Halle bleibt offen.

Nicht nur
ansehen.
Anfassen.

Das Modell ist ein Werkzeug, kein Bild.

Bereiche verschieben und drehen. Ein Gizmo am Bereich: Ziehen verschiebt die ganze Gruppe, der Ring dreht sie. So entspricht das Modell der echten Halle – nicht der Reihenfolge in der Datenbank.

Wände ziehen. Jede der vier Wände lässt sich nach außen ziehen. Die Halle wächst – nie in den Inhalt hinein.

Paletten und Stapler platzieren. Optimierte 3D-Modelle, frei verschiebbar, drehbar, löschbar. Planung von Wegen und Stellflächen direkt im Modell.

Sonne von 9 bis 17 Uhr. Ein Zeitschieberegler lässt das Licht durch die Halle wandern – weiche Schatten, echtes Raumgefühl.

Gespeichert, ohne die Wawi anzufassen. Jede Layout-Änderung liegt pro Lager im Browser. Die Wawi-Datenbank wird nur gelesen, nie beschrieben.

LagerView 3D – Bearbeitungsmodus: Verschiebe- und Dreh-Gizmo am Bereich B
LagerView 3D – Platzierte Objekte: drei Paletten und ein Stapler auf dem Hallenboden
LagerView 3D – Sonnensimulation um 17 Uhr: Abendlicht und lange Schatten in der Halle
LagerView 3D – Sonnensimulation um 9 Uhr: Morgenlicht von Osten

Sicher
angebunden

Direkt an der Wawi-Datenbank. Ohne ein Passwort auf dem Server.

Verschlüsselt im Browser. Zugangsdaten werden mit PBKDF2 und AES-GCM über die Web Crypto API verschlüsselt und nur lokal abgelegt. Gesendet werden sie ausschließlich an die eigenen API-Routen.

Nur lesen. LagerView liest tWarenLager und tWarenLagerPlatz. Kein Schreibzugriff, keine Änderung an der Wawi – Layout-Anpassungen bleiben im Browser.

Demo ohne Datenbank. Eine Preview-Route liefert ein vollständiges Beispiellager. Ausprobieren, bevor man die eigene Wawi anbindet.

LagerView 3D – Rendering einer Lagerhalle mit Palettenregalen und Stapler

Was daran
spannend war

Aus einem String eine Halle bauen – und sie im Browser flüssig halten.

Layout-Rekonstruktion. Die Wawi kennt nur Namen. Das pro Lager hinterlegte Schema macht daraus Koordinaten. Plätze außerhalb des Schemas werden nicht verworfen, sondern als lose Marker gezeigt – nichts geht verloren.

Kamerabewusste Gebäudehülle. Pro Frame wird berechnet, welche Wände zwischen Kamera und Inhalt liegen. Die werden ausgeblendet, der Rest bleibt. Wandziehen und Bereichs-Gizmo schalten die Kamerasteuerung synchron ab, damit sich Drag und Rotation nie überlagern.

Leichtgewichtig. Stapler und Paletten von 30 MB auf rund 1 MB optimiert, instanziert gerendert – alle Paletten in einem Draw-Call. Next.js, React Three Fiber, Three.js, TypeScript.

Das Lager
sehen, bevor
man es betritt

Für Lagerleitung, Wareneingang und alle, die Entscheidungen über Fläche treffen.

Neue Regalreihe planen? Sperrlager verlegen? Sehen, welcher Bereich zuerst voll ist? Mit LagerView 3D ist das ein Blick auf den Bildschirm – nicht ein Gang durch die Halle.

Sie nutzen JTL-Wawi und wollen Ihr Lager sehen? Der Quellcode ist offen. Wir binden LagerView an Ihre Wawi an – oder bauen die Ansicht, die Ihr Betrieb braucht.

Lassen Sie uns über Ihr Projekt sprechen!