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!