Vom CAD-Modell zum Web-Konfigurator: was mit STEP-Dateien wirklich passiert
STEP zu GLB in drei Schritten: Wie aus einem CAD-Modell ein Web-Konfigurator wird. Tessellierung, GLB und Kompression verständlich erklärt.
· 8 Min. Lesezeit
Eine STEP-Datei wird für einen Web-Konfigurator in drei Schritten aufbereitet: Die Tessellierung wandelt die exakten CAD-Flächen in Dreiecksnetze, das Ergebnis wird als GLB mit erhaltener Bauteilstruktur verpackt, und eine Meshopt-Kompression macht es rund 80 Prozent kleiner. Aus einer Konstruktionsdatei von oft 50 bis 200 Megabyte wird so ein Modell von wenigen Megabyte, das auch mobil in Sekunden lädt.
Wir haben doch alles in CAD, das laden wir einfach auf die Website. Dieser Satz fällt in fast jedem ersten Gespräch über einen 3D-Produktkonfigurator, und er ist verständlich: Die Konstruktionsabteilung hat jedes Produkt bis zur letzten Schraube modelliert. Nur sind eine STEP-Datei und ein Webmodell zwei grundverschiedene Dinge, ungefähr so wie eine Bauzeichnung und ein Foto. Der Weg dazwischen entscheidet über Qualität und Kosten des Projekts.
Warum kann man eine STEP-Datei nicht direkt ins Web stellen?
Weil STEP Geometrie als exakte Mathematik beschreibt, Grafikkarten aber nur Dreiecke zeichnen, und weil die Dateien für das Web viel zu groß sind. STEP- und IGES-Dateien definieren Zylinder, Freiformflächen und Bohrungen als präzise Flächen mit Toleranzen im Mikrometerbereich. Das ist genau richtig für Fertigung und Konstruktion, aber eine GPU kann damit nichts anfangen. Dazu kommt die Dateigröße: Eine Baugruppe mit ein paar Dutzend Bauteilen bringt als STEP schnell 50 bis 200 Megabyte auf die Waage. Kein Websitebesucher wartet darauf, schon gar nicht mobil im Funkloch einer Werkshalle.
Es gibt noch einen dritten Grund, der oft übersehen wird: Schutz des Know-hows. Eine STEP-Datei ist die vollständige Konstruktionsgrundlage. Wer sie öffentlich ins Netz stellt, liefert Wettbewerbern die exakte Geometrie frei Haus. Ein tesselliertes Webmodell zeigt dagegen nur die Oberfläche in kontrollierter Auflösung, ohne exakte Maße, Toleranzen und innere Struktur.
Was ist Tessellierung und wie fein muss sie sein?
Tessellierung rechnet die exakten CAD-Flächen in ein Netz aus Dreiecken um, das die Form annähert, und sie muss so fein sein, dass Rundungen glatt wirken, aber nicht feiner. Hier fällt die wichtigste Qualitätsentscheidung des ganzen Prozesses, denn Genauigkeit und Dateigröße stehen in direktem Konflikt. Ein Zylinder mit 16 Segmenten sieht kantig aus, einer mit 256 Segmenten butterweich, kostet aber die sechzehnfache Datenmenge. Gute Konvertierung wählt die Auflösung pro Bauteil: Die sichtbare Außenkontur bekommt feine Dreiecke, eine innenliegende Schraube grobe.
- Zu grob tesselliert: sichtbare Kanten an Rundungen, das Produkt wirkt billig, genau das Gegenteil dessen, was ein Konfigurator erreichen soll.
- Zu fein tesselliert: Millionen Dreiecke, lange Ladezeiten, ruckelnde Darstellung auf Tablets und älteren Rechnern.
- Richtig tesselliert: glatte Silhouette bei einer Dreieckszahl, die auch ein drei Jahre altes Mittelklasse-Smartphone flüssig dreht.
Warum ist GLB das Format für 3D im Browser?
Weil GLB Geometrie, Materialien und Objektstruktur in einer einzigen Datei bündelt, die jeder moderne Browser über WebGL ohne Plugin und ohne Installation rendert. GLB ist die binäre Form des offenen glTF-Standards und hat sich als das JPEG der 3D-Welt etabliert. In diesem Schritt entscheidet sich auch, ob die Struktur des Modells erhalten bleibt: Bauteilnamen und Baugruppenhierarchie aus dem CAD können ins GLB übernommen werden. Das ist mehr als Kosmetik, denn ein Konfigurator, der einzelne Teile einfärben, ausblenden oder benennen soll, braucht diese Struktur zwingend. Sind die Bauteile im CAD nur Teil 1 bis Teil 84 genannt, muss an dieser Stelle nachgearbeitet werden.
Wie stark lässt sich ein GLB für das Web komprimieren?
Mit Meshopt-Kompression um rund 80 Prozent, bei optisch praktisch unverändertem Modell. Auch ein sauberes GLB ist für das Web oft noch zu schwer. Beim Komprimieren werden die Dreiecksdaten quantisiert und umsortiert, sodass sie sich extrem dicht packen lassen. Aus einem 25-Megabyte-GLB werden so etwa 5 Megabyte, aus einer Ladezeit von zwanzig Sekunden werden zwei bis drei. Der Browser entpackt die Daten beim Laden in Sekundenbruchteilen wieder.
Warum ist das so wichtig? Weil die ersten Sekunden über die Nutzung entscheiden. Ein Interessent, der auf einen leeren Ladebalken schaut, ist weg, bevor Ihr Produkt überhaupt sichtbar wurde. Und der Vertriebsfall passiert nicht am Glasfaseranschluss im Büro, sondern auf dem Tablet beim Kunden, im Zug, auf der Messe mit überlastetem WLAN.
Die Ladezeit ist dabei nur die halbe Performance-Frage. Die andere Hälfte ist die Bildrate: Nach dem Laden muss der Browser das Modell bei jeder Drehung, jedem Zoom und jedem Optionswechsel flüssig neu zeichnen, idealerweise sechzigmal pro Sekunde. Hier zahlt sich die Arbeit aus der Tessellierung doppelt aus, denn jedes eingesparte Dreieck spart bei jedem einzelnen Bild Rechenzeit. Dazu kommen Details wie das Zusammenfassen von Bauteilen mit gleichem Material zu gemeinsamen Zeichenaufrufen. Für den Betrachter ist das unsichtbar, im Ergebnis entscheidet es darüber, ob sich der Konfigurator auf einem durchschnittlichen Firmen-Laptop wertig anfühlt oder zäh.
Was heißt das für Ihr Konfigurator-Projekt?
Die gesamte Kette, STEP oder IGES einlesen, tessellieren, als GLB strukturieren, komprimieren, ist heute gut beherrschbare Ingenieursarbeit, aber sie ist der Teil des Projekts, an dem Qualität und Aufwand am weitesten auseinanderlaufen können. Fragen Sie einen Anbieter deshalb konkret: Verarbeitet er STEP und IGES direkt, oder muss jedes Modell manuell in einem 3D-Programm nachgebaut werden? Bleiben Bauteilnamen und Struktur erhalten? Und mit welcher Dateigröße und Ladezeit kalkuliert er pro Modell?
Bei Configro ist diese Pipeline der Kern der Engine: STEP- und IGES-Dateien werden direkt importiert, tesselliert, mit erhaltener Bauteilstruktur als GLB aufbereitet und per Meshopt komprimiert. Das Ergebnis läuft ohne Installation in jedem modernen Browser, wahlweise als technische CAD-Ansicht oder als fotorealistisches Rendering mit Pulverlack-Optik. Wie sich ein konvertiertes Maschinenbaumodell im Browser anfühlt, zeigt die Live-Demo unter configro.de/demo.
Unterm Strich sind Ihre CAD-Daten der Rohstoff, nicht das fertige Produkt. Zwischen der STEP-Datei aus der Konstruktion und dem Konfigurator auf der Website liegen drei Verarbeitungsschritte, die über Optik, Ladezeit und Know-how-Schutz entscheiden. Wer sie versteht, kann Angebote vergleichen und erkennt schnell, ob ein Anbieter die Asset-Pipeline im Griff hat oder ob dort die versteckten Kosten des Projekts schlummern.
Häufige Fragen
Wie groß ist ein webtaugliches 3D-Modell?
Nach Tessellierung, GLB-Konvertierung und Meshopt-Kompression liegen typische Maschinenbau-Modelle bei wenigen Megabyte, oft rund 80 Prozent unter dem unkomprimierten GLB. Ein 25-Megabyte-Modell schrumpft so auf etwa 5 Megabyte. Die zugrunde liegende STEP-Datei ist oft zehnmal größer oder mehr. Damit lädt das Modell auch auf dem Tablet im Mobilfunknetz in wenigen Sekunden statt in Minuten.
Gehen beim Konvertieren von CAD ins Web Informationen verloren?
Ja, und zwar gewollt. Die exakte Fertigungsgeometrie, Toleranzen und Konstruktionshistorie bleiben in der CAD-Datei, das Webmodell ist eine kontrolliert vereinfachte Darstellung aus Dreiecken. Bauteilnamen und Baugruppenstruktur lassen sich dagegen übernehmen, sofern sie im CAD sauber gepflegt sind. Für Ansicht, Bemaßung und Konfiguration reicht das, als Fertigungsgrundlage ersetzt das Webmodell die CAD-Datei nie.
Sind CAD-Daten im Web-Konfigurator vor Kopie geschützt?
Weitgehend, denn das Webmodell enthält nur tessellierte Oberflächen, keine exakten Flächenbeschreibungen, Toleranzen oder Fertigungsdaten. Es taugt zur Ansicht, aber nicht als Konstruktionsgrundlage für einen Nachbau. Wer zusätzlich vorsichtig sein will, lässt Innenleben aus dem Webmodell weg, senkt die Netzauflösung an sensiblen Stellen oder zeigt bestimmte Produkte nur über geschützte Freigabe-Links statt öffentlich.
Muss jedes CAD-Modell für einen Konfigurator neu modelliert werden?
Nein, wenn die Pipeline STEP oder IGES direkt verarbeitet. Dann wird die vorhandene Konstruktion automatisch tesselliert und als GLB aufbereitet, ohne Nachbau in einem 3D-Programm. Nacharbeit fällt vor allem an, wenn Bauteile nur Teil 1 bis Teil 84 heißen, die Baugruppenstruktur fehlt oder das Modell viel Innenleben enthält, das im Browser niemand sieht, aber jeder mitladen müsste.
Mit welcher Software wandelt man STEP in GLB um?
Grundlage ist meist ein CAD-Kernel wie das quelloffene OpenCascade, der STEP und IGES liest und tesselliert. Darauf bauen Desktop-Werkzeuge wie FreeCAD ebenso auf wie automatisierte Pipelines, die OpenCascade als WebAssembly-Modul sogar im Browser ausführen. Für die anschließende Kompression gibt es Werkzeuge wie gltfpack aus dem meshoptimizer-Projekt oder glTF-Transform, die ein GLB mit Meshopt verdichten.