GLB-Viewer – GLB- und glTF-Dateien online ansehen

Eine GLB-Datei ist die binäre Form von glTF 2.0: eine einzige Datei, die Meshes, Materialien, Texturen und Animationen eines 3D-Modells bündelt. Die Khronos Group hat glTF 2.0 im Jahr 2017 veröffentlicht, und 2022 wurde es als ISO/IEC 12113 zur internationalen Norm. Deshalb öffnet sich eine .glb aus Blender, einem KI-Modellgenerator oder einer 3D-Scan-App in diesem GLB-Viewer, auf Webseiten und in den meisten Game-Engines.

Ein .glb-Viewer muss die Datei nur lesen und darstellen. Bearbeiten, neu texturieren und in andere Formate exportieren ist Sache eines 3D-Editors.

GLB vs. glTF: eine Datei oder ein Ordner

Dasselbe Modell lässt sich auf zwei Arten speichern. Eine .gltf-Datei ist lesbares JSON, das auf separate Dateien verweist: eine .bin-Datei mit der Geometrie und ein Bild pro Textur. Eine .glb packt JSON, Binärdaten und Bilder in eine einzige Datei, die sich leichter per E-Mail verschicken, hochladen und beisammenhalten lässt.

Das Innere einer GLB: Header, JSON- und Binär-Chunk

Der 12-Byte-Header

Jede GLB beginnt mit den Buchstaben glTF, einer Versionsnummer und der Gesamtlänge der Datei. Der Viewer prüft diese Bytes zuerst – so kann er Ihnen sagen, wenn eine „GLB“ in Wirklichkeit eine FBX- oder glTF-1.0-Datei ist.

Der JSON-Chunk

Danach folgt ein JSON-Block, der die Szene beschreibt: Meshes, Materialien, Texturen, Animationen und wie viele Eckpunkte jeder Teil hat. Der Modellbericht wird von hier gelesen, deshalb erscheinen die Zahlen, bevor überhaupt etwas gezeichnet wird.

Der Binär-Chunk

Zuletzt kommen die Binärdaten: Eckpunktpositionen, Normalen, Keyframes der Animationen und meist auch die Texturbilder selbst, gespeichert als PNG, JPEG, WebP oder KTX2.

Ein Modell zu öffnen ist nur die halbe Arbeit. Die andere Hälfte ist zu wissen, ob es für seinen Einsatzort bereit ist: eine Webseite, ein Smartphone, eine AR-App oder ein Spiel. Dieser GLB-Viewer liest die Zahlen aus, die diese Frage beantworten.

Eckpunkte, Dreiecke und Meshes

Dreiecke sind das klarste Maß dafür, wie aufwendig ein Modell darzustellen ist. Ein Produktmodell für eine Webseite bleibt meist bei einigen Zehntausend; eine gescannte Statue kann in die Millionen gehen und auf einem Smartphone ruckeln. Eckpunkte, die sich mehrere Teile teilen, werden nur einmal gezählt, sodass die Zahl dem entspricht, was in der Datei gespeichert ist.

Texturen: Wo die meisten Bytes stecken

Die meisten erwarten, dass komplexe Geometrie eine GLB groß macht. Das ist selten so. Der Tab „Info“ zeigt einen Balken, der die Datei in Texturen, Geometrie, Animation und den Rest aufteilt, und bei den meisten statischen Modellen dominiert der Texturanteil. Das Beispiel Avocado hat nur 682 Dreiecke, wiegt aber 7,73 MB – fast alles davon sind drei Bilder mit 2048 × 2048 Pixeln.

Wir haben 13 GLB-Dateien aus den Khronos glTF Sample Assets mit dem Parser dieses Viewers vermessen. Texturen machten im Median 95 % der Datei aus. Nur die animierten Figuren und ein Spielzeugauto mit 109.000 Dreiecken bestanden überwiegend aus Geometrie. Die Tabelle unten enthält alle Zahlen.

Animationen und Morph-Targets

Animierte Dateien listen jeden Clip mit seiner Länge auf. Wählen Sie einen Clip, pausieren Sie ihn, ziehen Sie über die Zeitleiste oder verlangsamen Sie ihn auf ein Viertel der Geschwindigkeit, um einen Laufzyklus Bild für Bild zu prüfen. Skelette (Skins) und Morph-Targets, die für Figuren und Gesichtsausdrücke verwendet werden, erfasst der Bericht ebenfalls.

Diese Kompressionserweiterungen werden dekodiert

Viele GLBs sind komprimiert, und ein Viewer, der sie nicht dekodieren kann, zeigt gar nichts an. Dieser hier beherrscht die gängigen Erweiterungen:

• Draco (KHR_draco_mesh_compression) verkleinert Geometrie stark, braucht aber einen Decoder, bevor das Modell gezeichnet werden kann.
• meshopt (EXT_meshopt_compression) komprimiert Geometrie und Animation und lässt sich sehr schnell dekodieren.
• KTX2 (KHR_texture_basisu) hält Texturen in einem GPU-fertigen Format, das weniger Grafikspeicher belegt.
• WebP (EXT_texture_webp) macht Texturdateien kleiner, und Browser dekodieren es nativ.

Jeder Decoder wird erst heruntergeladen, wenn eine Datei seine Erweiterung deklariert – eine einfache GLB zahlt also nie dafür.

Eine .gltf-Datei allein ist nur die JSON-Beschreibung. Die Geometrie liegt in einer .bin-Datei daneben, die Texturen in Bilddateien, oft in einem Ordner namens textures. Geben Sie diesem glTF-Viewer alles auf einmal: Wählen Sie die Dateien im Dateidialog gemeinsam aus oder ziehen Sie den ganzen Ordner in den Viewer.

Der Viewer ordnet jede Datei dem Pfad zu, der in der .gltf steht, die Ordnerstruktur wird also berücksichtigt. Fehlt die .bin, nennt er Ihnen ihren genauen Namen, statt stillschweigend zu scheitern. Fehlt eine Textur, öffnet sich das Modell trotzdem, und die fehlenden Dateien werden aufgelistet – so wissen Sie, wonach Sie suchen müssen.

Wenn ein Modell nicht laden will, liegt es fast immer an einer dieser fünf Ursachen – und dieser GLB-Viewer nennt sie, statt einen leeren Bildschirm zu zeigen.

Es ist gar keine GLB

FBX-, OBJ- und STL-Dateien werden manchmal in .glb umbenannt, in der Hoffnung, dass das hilft. Tut es nicht: Die Bytes sind weiterhin ein anderes Format. Der Viewer liest die ersten Bytes und sagt Ihnen, was die Datei wirklich ist – dann können Sie sie aus Blender oder dem Programm, mit dem sie erstellt wurde, erneut als GLB exportieren.

Das Modell ist schwarz, grau oder ohne Texturen

Eine .gltf, deren Bilddateien nicht mitgegeben wurden, zeigt schlicht graue oder weiße Oberflächen. Ein Modell, das schwarz aussieht, braucht meist Licht: Schalten Sie im Tab „Szene“ das „Studiolicht“ ein oder erhöhen Sie die Belichtung.

Es ist winzig, riesig oder liegt auf der Seite

glTF misst in Metern, und +Y zeigt nach oben. Ein in Millimetern exportiertes Modell kommt 1.000-mal zu groß an, und eines, das mit einer anderen Hochachse gebaut wurde, liegt auf der Seite. Der Viewer rahmt jedes Modell automatisch ein, damit es immer im Bild ist; Maßstab oder Achse korrigieren Sie beim Export.

Es ist eine glTF-1.0-Datei

Dateien, die vor 2017 exportiert wurden, können glTF 1.0 sein, das aktuelle Tools nicht mehr lesen. Das Open-Source-Tool gltf-pipeline von Cesium kann die meisten davon auf glTF 2.0 aktualisieren.

Die Seite wird auf dem Smartphone langsam oder stürzt ab

Smartphones teilen sich einen kleinen Speicher zwischen Browser und Grafikchip. Ein 120-MB-Scan mit 8K-Texturen kann ihn komplett belegen – deshalb liegt das Limit auf Smartphones bei 50 MB. Öffnen Sie große Dateien am Computer oder verkleinern Sie vorher die Texturen.

Ein GLB-Viewer zeichnet in Echtzeit, mit vielen Bildern pro Sekunde, und nutzt physikalisch basiertes Rendering mit einer Studio-Umgebung für Reflexionen. Der Cycles-Renderer von Blender verfolgt Lichtstrahlen Sekunden oder Minuten lang pro Bild, mit weichen Schatten und Licht, das zwischen Oberflächen hin- und herspringt. Die Materialien sind dieselben, die Beleuchtung ist es nicht.

Auch die Farben können sich verschieben. Dieser Viewer nutzt das Tone Mapping Khronos PBR Neutral, das Produktfarben originalgetreu wiedergeben soll, während andere Tools mitunter einen filmischen Look anwenden. Wirkt ein Modell zu dunkel oder zu hell, passen Sie die Belichtung im Tab „Szene“ an, statt seine Materialien zu bearbeiten.

Die Kamera-Schaltfläche speichert genau das, was Sie sehen, als PNG-Bild. Wählen Sie 1×, 2× oder 4× der Viewer-Größe für ein scharfes Bild auf hochauflösenden Bildschirmen, und aktivieren Sie „Transparenter Hintergrund“, um die Studiokulisse wegzulassen. Der weiche Bodenschatten bleibt erhalten, sodass das Modell auf jeder Seitenfarbe natürlich steht.

Damit ist dieser GLB-Viewer ein schneller Weg, aus einer GLB ein PNG zu machen – für ein Produktangebot, ein Dokument, ein Vorschaubild oder ein Portfolio. Um das Bild anschließend leichter zu machen, komprimieren Sie das PNG oder wandeln Sie es in WebP um, und skalieren Sie es auf genau die Maße, die eine Website verlangt.

Bei diesem ja. Die Datei wird in Ihrem Browser-Tab gelesen und gerendert; sie wird nie hochgeladen, und nichts davon wird gespeichert. Selbst eine .gltf, die auf Texturadressen einer anderen Website verweist, darf diese nicht abrufen – das Öffnen eines Modells löst also keine Anfragen in seinem Namen aus.

Zusätzlich heruntergeladen werden nur die Bestandteile des Viewers selbst: die 3D-Engine und, falls eine komprimierte Datei ihn braucht, der Draco- oder KTX2-Decoder. Das ist Programmcode, für alle identisch, und er enthält nichts von Ihnen. Sie können das selbst überprüfen: in den Entwicklertools Ihres Browsers unter „Netzwerk“, während ein Modell geöffnet wird.