Erstellen webbasierter 3D-Viewer aus Agisoft Metashape-Modellen

Mit Photogrammetrie-Software wie Agisoft Metashape können Fachleute hochdetaillierte 3D-Modelle aus Fotos erstellen, die mit Drohnen, Kameras oder Smartphones aufgenommen wurden. Diese Modelle werden häufig in Bereichen wie Vermessung, Dokumentation des kulturellen Erbes, Bauüberwachung und Erstellung digitaler Zwillinge eingesetzt.

Viele Projekte erfordern jedoch mehr als nur die Erstellung eines 3D-Modells. Oft ist es das Ziel, das Modell online zur Verfügung zu stellen, so dass Kunden, Forscher oder die breite Öffentlichkeit es interaktiv über einen Webbrowser erkunden können.

An dieser Stelle werden webbasierte 3D-Viewer extrem wertvoll. Durch die Konvertierung von Metashape-Modellen in Formate, die für das WebGL-Rendering optimiert sind, ist es möglich, Photogrammetrie-Modelle direkt auf Webseiten anzuzeigen, ohne dass spezielle Software erforderlich ist.

In diesem Leitfaden erklären wir Ihnen, wie Sie Metashape-Modelle für das Web vorbereiten, und stellen Ihnen einige beliebte Technologien vor, mit denen Sie interaktive Online-3D-Viewer erstellen können.

Warum webbasierte 3D-Viewer verwenden?

Die interaktive webbasierte 3D-Visualisierung ist in den letzten Jahren immer beliebter geworden. Anstatt große 3D-Dateien oder spezielle Viewer herunterzuladen, können Benutzer einfach eine Webseite öffnen und direkt in ihrem Browser mit einem Modell interagieren.

Webbasierte Viewer bieten mehrere Vorteile:

Einfache Freigabe von 3D-Modellen
Keine Software-Installation erforderlich
Zugänglich auf Desktop- und Mobilgeräten
Interaktive Erkundung komplexer Umgebungen
Integration mit Websites und digitalen Plattformen

Diese Funktionen machen Web Viewer besonders nützlich für Projekte des digitalen Kulturerbes, Bildungsinhalte, technische Präsentationen und die Visualisierung von Geodaten.

Metashape-Modelle für die Web-Visualisierung vorbereiten

Bevor Sie ein Metashape-Modell online veröffentlichen, ist es wichtig, den Datensatz für das Echtzeit-Rendering zu optimieren.

Photogrammetriemodelle enthalten oft Millionen von Polygonen und extrem hochauflösende Texturen. Dieser Detaillierungsgrad ist zwar für die Analyse nützlich, kann aber in Webbrowsern zu Leistungsproblemen führen.

Zu den typischen Optimierungsschritten gehören:

Polygonanzahl reduzieren
Optimieren der Texturauflösung
Unnötige Geometrie bereinigen
Exportieren in webfreundliche Formate

Die Reduzierung der Polygonanzahl ist besonders wichtig. Große Modelle können mit dem Decimate Mesh Tool in Metashape vereinfacht werden.

Für die Webvisualisierung sind Modelle in der Regel gut geeignet, wenn sie auf 100.000 bis 1 Million Polygone reduziert werden, je nach Komplexität der Szene.

Die Wahl des richtigen Exportformats

Sobald das Modell optimiert wurde, ist der nächste Schritt der Export in ein Format, das mit webbasierten Rendering-Technologien kompatibel ist.

Gängige Formate für die Webvisualisierung sind:

GLTF / GLB
OBJ
FBX

Unter diesen Formaten hat sich GLTF zum meistgenutzten Standard für webbasierte 3D-Anwendungen entwickelt. GLTF wird oft als “JPEG für 3D” bezeichnet und wurde speziell für die effiziente Übertragung und das Rendering von 3D-Inhalten entwickelt.

GLTF-Dateien speichern Geometrie, Materialien und Texturen in einem kompakten Format, das von modernen Webbrowsern leicht geladen werden kann.

Sketchfab für die Web-Ansicht verwenden

Eine der einfachsten Möglichkeiten, Metashape-Modelle online zu veröffentlichen, ist über Plattformen wie Sketchfab.

Sketchfab bietet einen Cloud-basierten Dienst, mit dem Benutzer 3D-Modelle hochladen und automatisch einen interaktiven Viewer generieren können.

Das Verfahren ist ganz einfach:

Exportieren Sie das optimierte Modell aus Metashape
Laden Sie die Datei zu Sketchfab hoch
Einstellungen für Beleuchtung und Betrachter anpassen
Den Viewer in eine Website einbetten

Sketchfab bietet einen Einbettungscode, der in Webseiten eingefügt werden kann, so dass Besucher direkt auf der Website mit dem Modell interagieren können.

Dieser Ansatz erfordert nur minimale technische Kenntnisse und wird häufig bei digitalen Kulturerbe- und Bildungsprojekten eingesetzt.

Benutzerdefinierte Web-Viewer mit Three.js erstellen

Für Entwickler, die die volle Kontrolle über ihre Visualisierungsumgebung haben möchten, bieten Bibliotheken wie Three.js leistungsstarke Tools zur Erstellung eigener 3D-Viewer.

Three.js ist eine beliebte JavaScript-Bibliothek, die die Verwendung von WebGL zum Rendern von 3D-Grafiken in Browsern vereinfacht.

Mit Three.js können Entwickler:

GLTF-Modelle laden
Interaktive Kamerasteuerung erstellen
Beleuchtung und Schatten hinzufügen
Benutzeroberflächen anpassen

Ein typischer Three.js-Arbeitsablauf für die Anzeige eines Metashape-Modells beinhaltet das Laden der GLTF-Datei und das Rendern innerhalb einer WebGL-Szene.

Dieser Ansatz ermöglicht es Entwicklern, vollständig angepasste Viewer zu erstellen, die auf bestimmte Projekte zugeschnitten sind.

Verwendung von Cäsium für große Geodatenmodelle

Für sehr große Geodatensätze, wie z.B. Drohnenkartierungsprojekte, die ganze Städte oder Landschaften abdecken, können spezielle Webvisualisierungs-Frameworks erforderlich sein.

Cesium ist eine der leistungsfähigsten Plattformen für das Streaming und die Anzeige umfangreicher 3D-Geodatensätze in Webbrowsern.

Cesium unterstützt fortschrittliche Technologien wie 3D-Kacheln, mit denen große Modelle je nach Kameraposition progressiv gestreamt werden können.

So können Sie extrem große Photogrammetrie-Datensätze visualisieren, ohne das gesamte Modell auf einmal zu laden.

Metashape-Modelle können mithilfe zusätzlicher Bearbeitungswerkzeuge in Formate konvertiert werden, die mit Cesium kompatibel sind.

Optimieren der Leistung für das Web-Rendering

Die Optimierung der Leistung ist bei der Online-Veröffentlichung von Photogrammetriemodellen entscheidend.

Große Modelle können browserbasierte Rendering-Systeme leicht überfordern, wenn sie nicht richtig optimiert sind.

Zu den wichtigen Optimierungsstrategien gehören:

Reduzierung der Komplexität des Netzes
Begrenzung der Texturauflösung
Effiziente Dateiformate verwenden
Texturen komprimieren
Anwendung progressiver Belastungstechniken

Ein ausgewogenes Verhältnis zwischen visueller Qualität und Leistung ist für ein reibungsloses Benutzererlebnis unerlässlich.

Anwendungen von webbasierten Photogrammetriemodellen

Webbasierte 3D-Viewer ermöglichen viele neue Anwendungen für Photogrammetriemodelle.

Einige häufige Anwendungsfälle sind:

Virtuelle Museen und digitale Archive des Kulturerbes
Architektonische Visualisierung
Interaktive Bildungsinhalte
Plattformen zur Bauüberwachung
Digitale Zwillinge für die Infrastruktur

Da die Benutzer die Modelle direkt in ihren Browsern erkunden können, erhöhen webbasierte Viewer die Zugänglichkeit und das Engagement drastisch.

Die Zukunft der webbasierten 3D-Visualisierung

Die Fortschritte bei WebGL, WebGPU und Echtzeit-Rendering-Technologien verbessern die Möglichkeiten der browserbasierten 3D-Visualisierung rapide.

Da sich die Internet-Bandbreite und die Grafikleistung weiter verbessern, wird es immer häufiger möglich sein, komplexe Photogrammetriemodelle direkt online zu betrachten.

Zukünftige Entwicklungen können Folgendes umfassen:

KI-basierte Modellkompression
Gemeinsame Ansicht in Echtzeit
Integration mit Augmented Reality
Cloud-Streaming von riesigen 3D-Datensätzen

Diese Technologien werden die webbasierte Visualisierung zu einem wesentlichen Bestandteil der Photogrammetrie-Workflows machen.

Fazit

Agisoft Metashape ermöglicht die Erstellung extrem detaillierter Photogrammetriemodelle. Um diese Modelle jedoch effektiv weiterzugeben, müssen sie oft in webfreundliche Formate konvertiert werden.

Durch die Optimierung der Geometrie, die Reduzierung der Texturgrößen und den Export von Modellen in effiziente Formate wie GLTF ist es möglich, interaktive webbasierte 3D-Viewer zu erstellen, die direkt in modernen Browsern laufen.

Ob Sie nun einfache Plattformen wie Sketchfab oder fortgeschrittene Frameworks wie Three.js und Cesium verwenden, die webbasierte Visualisierung ermöglicht es, dass Photogrammetriemodelle ein breiteres Publikum erreichen und neue Möglichkeiten zur interaktiven Erkundung eröffnen.

Mit der Weiterentwicklung der Webtechnologien wird die Integration von Photogrammetrie und browserbasierten 3D-Viewern zu einem immer leistungsfähigeren Werkzeug für die gemeinsame Nutzung und Präsentation räumlicher Daten.