Wer auf der Suche nach innovativem und einfach zu generierendem 3D-Content für Websites, Messen und Co. ist, sollte sich diesen Blogpost nicht entgehen lassen. Denn wir schauen uns das Thema WebGL etwas genauer an und zeigen, wie man diese Technologie für Markenkommunikation gezielt einsetzten kann. Here we go…

Kurz zu den Basics

WebGL steht für Web Graphics Library und ist ein lizenzfreier Open Web Standard, mit dem Entwickler plattformunabhängige, interaktive 3D-Anwendungen für alle modernen Internetbrowser erstellen können. Da die Berechnung der Bildinhalte vom Grafikprozessor des Endgerätes übernommen wird, ermöglicht diese Technologie eine performante Darstellung von komplexen Anwendungen.

Dementsprechend nutzen wir diese Technologie als Grundlage um animierte 3D-Objekte unkompliziert und ohne lange Ladezeiten in Webseiten, Apps u.ä. zu implementieren.

Kompatibilität

Funktioniert browser-übergreifend auf allen gängigen Plattformen
kann via iFrame oder JavaScript eingebunden werden
es werden keine extra Plug-ins oder Apps benötigt
kann auch mobile auf Tablet oder Smartphone genutzt werden
kann auch in Apps eingebunden werden

Funktionen – Überblick

Plattformunabhängigkeit: Funktioniert auf betriebssystemübergreifend im Browser und kann zusätzlich in Apps eingebunden werden
Einfache Integration: es werden keine extra Plug-ins oder Apps benötigt, Integration via iFrame oder JavaScript
Responsive: funktioniert auch mobile auf Tablet oder Smartphone
Interaktive Inhalte: Implementierung von interaktiven Elementen in 3D-Modelle.
Animationen: Ermöglicht die Darstellung von Bewegungen und Veränderungen in Echtzeit
Medienintegration: Einbindung von Videos, Grafiken und Texten in 3D-Modelle
VR und AR Integration: Nutzung der 3D-Modelle in Virtual Reality (VR) und Augmented Reality (AR)
Realtime-Rendering: Schnelle Generierung von Bildern oder Animationen in Echtzeit
Keine User-Limit: im Vergleich zu Streaming-Anwendungen besteht hier keine Limitierung der Nutzer*innen
Offline-Betrieb: Anwendung kann auch ohne Internetverbindung genutzt werden, da kein Cloudzwang besteht

Limits – Was das Tool nicht kann

ungeeignet für Großprojekte, die datenintensive Modelle erfordern
Limitation der grafischen Darstellung führt zu qualitative Einschränkungen (Low Level 3D Graphics)
nicht geeignet für RealTime3D, Raytraching o.ä.
begrenzter Speicherplatz für eingebundene Daten (max. 2 GB)
ungünstig für Konfiguratoren mit freiwählbaren Komponenten
Darstellung von AR und VR ist möglich, aber aufwendig
limitierte Darstellung auf Smartphones bedingt durch kleinere Displays und begrenzte Prozessorleistung

Interaktionen

Mithilfe von Markern / Fokuspunkten können Interaktion, Animationen o.ä. gestartet werden.

Dazu zählen beispielsweise:

abspielen von Videos
öffnen von PDFs, Info-Boxen, Bildmaterial
Animation wie öffnen / bewegen von Bauteilen oder Funktion visualisieren
Starten und Stoppen von Prozessen / Animationen
Änderung der Kameraposition / Zoom (wie eine virtuelle Führung)
Wahl von verschiedenen Optionen
Explosionszeichnungen

Use Cases

Online: Integration in Websites, Apps und Onlineportale
Offline: Präsentation auf Messen und Events, oder im Kundengespräch

Themenbereiche

Lassen Sie ihrer Fantasie freien Lauf und erzählen Sie mit uns die Story Ihres Produktes oder Projekts.
Zur Inspiration haben wir einige Use Cases zusammengestellt, in denen wir bereits unseren Object Explorer erfolgreich eingesetzt haben oder uns gut vorstellen können:

Visualisierung von Bauprojekten, Immobilien mit unterschiedlichen Bauabschnitten
Kommunikation von öffentlichen Projekten, Planungen und Städtebau
Visualisierung von Abläufen wie Produktionsketten, Montage-Prozessen
3D-Darstellung von Produkten (Vor allem interessant für große Objekte wie Maschinen, bei denen bewegliche Teile gezeigt werden sollen oder ein Blick ins Innere ermöglicht werden kann. Aber auch filigrane Objekte wie z.B. Uhren profitieren von der detaillierten 3D-Darstellung)
Darstellung verschiedener Produktkomponenten, z.B. in Form eines Konfigurators
Visualisierung der Funktionsweise von Produkten wie Elektrogeräten u.ä.
Visualisierung von medizinischen Sachverhalten, wie die bildhafte Darstellung von Abläufen einer OP

(Marketing-) Mehrwert

Show dont tell: Statt umfangreicher Erklärtexte können Sie ihren Kund*innen einfach zeigen warum es geht
Storytelling: erzählen Sie eine Geschichte, in die ihre Kund*innen aktiv eingebunden werden
Innovativer Content – heben Sie sich von der Konkurrenz ab
Außergewöhnliche User Experience – Kund*innen aktivieren: Lassen Sie die Kund*innen Ihre Produkte oder Projekte eigenständig entdecken
Brand Experience – digitale Erlebnisse schaffen: So generieren Sie mehr Engagement Ihrer Kundschaft und bleiben langfristig in Erinnerung
interaktives Infotainment, bei dem Jede*r selbst entscheiden kann was und wie intensiv man sich informiert
Reichweite und Verweildauer auf Ihrer Website vergrößern
Besseres Google-Ranking
Barrierefreiheit: Nutzung direkt im Browser ohne zusätzliche Hürden, wie die Installation einer extra App

Mehr als nur ein Tool

Das macht unseren Object Explorer besonders:

Funktionierendes Framework: Skalierbar, schnelle und dadurch kosteneffiziente Entwicklung
Konsistente Interaktionen und Funktionen: die trotzdem genug Spielraum für individuelle Projekte lassen
Individuelle Beratung: Nutzen Sie unser Know-how aus zahlreichen Kundenprojekten
Custom Design: Selbstverständlich passen wir das Design der Anwendung an Ihre Wünsche an
Kreatives Team: Wir unterstützen Sie bei der Inszenierung Ihrer Projekte und liefern Ideen
Optionale Erstellung von 3D Modellen: Sie haben keine Konstruktionsdaten? Kein Problem! Wir können auch anhand von Fotos, Videos, 3D-Scans o.ä. ein passendes 3D-Modell für Sie fertigen
kein Abo-Modell / Keine Lizenzgebühren: Wir arbeiten projektbasiert, so entstehen keine unnötigen Kosten

Neugierig?
Wollen Sie herauszufinden wie wir Ihren Produkten virtuell Leben einhauchen können? Oder haben Sie bereits konkrete Projektideen? Dann melden Sie sich bei uns!

Interaktive 3D-Visualisierung – die neue Dimension der digitalen Kommunikation