Montag, 20. April 2026, 17:05 / 5 Min. Lesezeit

SketchUp zu Three.js: Der schnellste Weg zu Web-3D

Ein praxisnaher Weg, um SketchUp-Geometrie ueber GLB nach Three.js zu bringen, statt Browser-Auslieferung um ein natives SKP herumzubauen.

Ein SketchUp-Modell geht nicht sinnvoll direkt nach Three.js. In der Praxis wird das Modell zuerst in GLB ueberfuehrt und dann im Browser ueber den GLTFLoader geladen.

Warum GLB die bessere Bruecke ist

Three.js braucht ein browserfreundliches Laufzeitformat und kein natives Authoring-Projekt. Deshalb ist SKP zu GLB fuer Websites, Demos und interaktive Produktseiten fast immer der sauberste Start.

Empfohlener Ablauf

  • Modell als GLB exportieren.
  • Massstab, Orientierung und Materialien pruefen.
  • Datei mit dem Webprojekt ausliefern.
  • GLB in Three.js ueber GLTFLoader laden.

Typische Stolperstellen

Zu grosse Texturen, falscher Massstab und fuer Runtime ungeeignete Geometrie sind die haeufigsten Probleme. Wenn das Asset vorher noch bereinigt werden muss, hilft der Blender-Formatvergleich weiter.

Quellenbezug

Sowohl SketchUp zu GLB / glTF als auch Blender glTF 2.0 behandeln GLB als Auslieferungsformat. Genau deshalb passt es fuer Three.js besser als ein rohes SKP.

Quellen und Referenzen

Offizielle oder primaere Quellen, die fuer diesen Leitfaden relevant sind.

Hauefige Fragen

Kurze Antworten fuer die typischen Stolperstellen zu diesem Workflow.

Kann Three.js eine SKP-Datei direkt laden?
Nicht als typischen Browser-Workflow. GLB ist die praktikable Austauschschicht fuer Three.js.
Welches Format ist fuer SketchUp nach Three.js am saubersten?
Meist GLB, weil es kompakt ist und fuer Web-Auslieferung gedacht ist.
Sollte das Modell vorher bereinigt werden?
Ja. Zu grosse Texturen, unnoetige Geometrie und falscher Massstab machen spaeter Probleme.
Jetzt starten

Teste als Naechstes die Konverterrouten

Auf den dedizierten Seiten kommen Upload, Formatauswahl, verwandte Routen und FAQs zusammen.