Vom CAD-Modell zum Web-Konfigurator: was mit STEP-Dateien wirklich passiert
STEP-Datei rein, 3D-Konfigurator raus? So einfach ist es nicht. Der Weg von CAD über Tessellierung und GLB bis zur Kompression, verständlich erklärt.
· 6 Min. Lesezeit
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. Warum sollte man das nicht direkt im Browser zeigen können? Die kurze Antwort: weil eine STEP-Datei und ein Webmodell zwei grundverschiedene Dinge sind, ungefähr so wie eine Bauzeichnung und ein Foto. Dieser Artikel erklärt, was auf dem Weg von der CAD-Datei zum Konfigurator wirklich passiert und warum dieser Schritt über Qualität und Kosten des Projekts entscheidet.
Warum sind CAD-Modelle nicht webtauglich?
STEP- und IGES-Dateien beschreiben Geometrie mathematisch exakt: Zylinder, Freiformflächen, Bohrungen als präzise Flächendefinitionen mit Toleranzen im Mikrometerbereich. Das ist genau richtig für Fertigung und Konstruktion, aber eine Grafikkarte kann damit nichts anfangen. GPUs rendern ausschließlich Dreiecke. 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.
Schritt 1: Tessellierung, aus Flächen werden Dreiecke
Der erste Verarbeitungsschritt heißt Tessellierung: Die exakten CAD-Flächen werden in ein Netz aus Dreiecken umgerechnet, das die Form annähert. 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.
Schritt 2: GLB, das Austauschformat des 3D-Webs
Das tessellierte Modell wird in GLB verpackt, die binäre Form des offenen glTF-Standards. GLB hat sich als das JPEG der 3D-Welt etabliert: eine einzige Datei mit Geometrie, Materialien und Objektstruktur, die jeder moderne Browser über WebGL direkt rendern kann, ohne Plugin und ohne Installation. 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.
Schritt 3: Kompression, rund 80 Prozent kleiner
Auch ein sauberes GLB ist für das Web oft noch zu schwer. Deshalb folgt ein Kompressionsschritt, bei dem sich Verfahren wie Meshopt durchgesetzt haben: Die Dreiecksdaten werden quantisiert und umsortiert, sodass sie sich extrem gut komprimieren lassen, während das Modell optisch praktisch identisch bleibt. In der Praxis schrumpfen Modelle dabei um rund 80 Prozent. Aus einem 25-Megabyte-GLB werden 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.
Das Fazit: Ihre CAD-Daten sind 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
Kann man eine STEP-Datei direkt im Browser anzeigen?
Nicht sinnvoll. STEP beschreibt exakte mathematische Flächen, die eine Grafikkarte nicht direkt darstellen kann. Die Geometrie muss erst in Dreiecksnetze umgerechnet (tesselliert) und in ein Webformat wie GLB überführt werden.
Wie groß ist ein webtaugliches 3D-Modell?
Nach Konvertierung und Meshopt-Kompression liegen typische Maschinenbau-Modelle bei wenigen Megabyte, oft rund 80 Prozent kleiner als das unkomprimierte Zwischenformat. Damit lädt das Modell auch mobil in wenigen Sekunden.
Gehen beim Konvertieren Informationen verloren?
Die exakte Fertigungsgeometrie bleibt in der CAD-Datei, das Webmodell ist eine kontrolliert vereinfachte Darstellung. Bauteilnamen und Baugruppenstruktur lassen sich übernehmen, sofern sie im CAD sauber gepflegt sind.
Sind meine CAD-Daten im Web-Konfigurator vor Kopie geschützt?
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.