CAD-Daten fürs Web aufbereiten — aus der Konstruktion in den Browser.

Warum CAD nicht direkt in den Browser passt.

Welche Formate du liefern kannst.

Am besten neutral als STEP (.step, .stp) — das kann jedes CAD-System exportieren, und die Baugruppenstruktur bleibt erhalten. IGES geht auch, verliert aber oft Struktur. Native Formate wie SolidWorks oder Inventor lassen sich mit passenden Werkzeugen ebenfalls öffnen. Für die reine Optik sind auch STL oder OBJ möglich, dann fehlen aber Baugruppen und Teilnamen. Mehr zu den Formaten: 3D-Dateiformate fürs Web.

Die Aufbereitung Schritt für Schritt.

1. Tessellieren: Die Flächen werden in Dreiecke umgewandelt. Die Genauigkeit wird so gewählt, dass Rundungen glatt wirken, ohne Millionen Dreiecke zu erzeugen. Werkzeuge wie CAD Exchanger, FreeCAD oder die Importfunktionen in Blender erledigen das.
2. Aufräumen: Innenliegende Teile, Normteile im Verborgenen, Kabelbäume hinter Verkleidungen und alles, was der Betrachter nie sieht, fliegt raus. Das spart oft mehr als die Hälfte.
3. Vereinfachen: Schrauben, Gewinde, Bohrungsmuster und Rändelungen werden durch einfache Formen ersetzt oder als Textur dargestellt.
4. Einheiten und Ursprung: Von Millimeter auf Meter skalieren, Modell in den Nullpunkt setzen (sonst unsichtbar).
5. Gliedern: Baugruppen so benennen und gruppieren, wie sie später interaktiv sein sollen.
6. Materialien neu aufbauen, siehe unten.
7. Exportieren und komprimieren als GLB (GLB verkleinern).

Baugruppen und Explosionsansicht.

Der größte Vorteil von CAD-Daten gegenüber einem frei modellierten Modell ist die Struktur: Jede Baugruppe ist schon ein eigenes Teil. Das ist die Grundlage für Explosionsansichten, Hotspots mit Erklärungen, ein- und ausblendbare Verkleidungen oder das Hervorheben einzelner Komponenten beim Scrollen. Dafür muss die Gliederung aber zur Geschichte passen, die erzählt werden soll — nicht zur Stückliste der Konstruktion. Oft werden zwanzig CAD-Baugruppen zu fünf sichtbaren Einheiten zusammengefasst. Wie das in der Praxis aussieht: Interaktive Explosionszeichnung, 3D-Hotspots und 3D für den Maschinenbau.

Materialien.

CAD-Systeme kennen Werkstoffe wie „Edelstahl 1.4301“, aber keine Optik, die im Browser realistisch wirkt. Die Materialien werden deshalb neu angelegt: Farbe, Rauheit, Metallanteil, bei Bedarf Texturen für gebürstetes Metall, Lack oder Kunststoffstruktur. Firmenfarben und Logos kommen dazu. Ein gutes Material macht mehr für den Eindruck aus als die letzte Nachkommastelle der Geometrie. Für glänzende Oberflächen ist eine Umgebungskarte Pflicht, sonst wirken sie schwarz.

Know-how-Schutz.

Viele Unternehmen zögern, Konstruktionsdaten ins Netz zu stellen. Zu Recht: Eine STEP-Datei enthält die exakte Geometrie. Nach der Aufbereitung ist das anders. Das Web-Modell ist ein vereinfachtes Dreiecksnetz ohne Innenleben, ohne exakte Maße, ohne Toleranzen und ohne Konstruktionshistorie. Wer es herunterlädt, bekommt eine Optik, keine Fertigungsunterlage. Ganz verhindern lässt sich der Download einer Datei, die im Browser angezeigt wird, zwar nicht, aber was darin steckt, bestimmst du bei der Aufbereitung. Kritische Details können gezielt weggelassen oder verfälscht werden.

Aufwand realistisch einschätzen.

Der Aufwand hängt weniger von der Dateigröße ab als von der Zahl der Teile und davon, wie viel davon sichtbar und interaktiv sein soll. Eine einzelne Komponente mit Gehäuse ist schnell aufbereitet. Eine komplette Anlage mit hunderten Baugruppen braucht deutlich mehr Zeit. Am besten schickst du eine STEP-Datei und eine kurze Beschreibung, wofür das Modell gedacht ist — dann bekommst du eine realistische Einschätzung. Für die anschließende Umsetzung als Viewer oder Konfigurator gelten die Preisrahmen unter 3D-Konfigurator: Kosten. Wenn noch gar kein Modell existiert: 3D-Modell erstellen lassen.

Wenn du Unterstützung brauchst.

Ich bereite CAD-Daten für Website, Vertrieb und Messe auf und baue daraus interaktive Ansichten. Einen Überblick über alle Themen gibt die Seite 3D-Webentwicklung, Preisrahmen stehen unter 3D-Konfigurator: Kosten.

Wer das schreibt.

Ich bin Manuel Killert, Web- und 3D-Entwickler aus Quakenbrück. Ich baue interaktive 3D-Anwendungen mit Three.js und Blender — Produktkonfiguratoren, Explosionsansichten, digitale Zwillinge und Scroll-Storys — und bringe sie in WordPress und WooCommerce. Die Live-Demos unten habe ich selbst gebaut, vom Blender-Modell bis zum fertigen Viewer im Browser. Die Probleme in diesem Ratgeber kenne ich deshalb nicht aus der Theorie, sondern aus eigenen Projekten.