Der 3D-Webshop CUUUB des Tübinger Unternehmens Acameo, über den bereits in einem früheren Artikel berichtet wurde, ist auf Erfolgskurs: nach einem Auftritt auf demMega-Startup-Festival SXSW 2019 in Austin, Texas (South by Southwest) hat auch der SWR Baden-Württemberg in einem Fernseh-Beitrag über CUUUB berichtet.
Mit dem innovativen Web-Shop-System CUUUB können Online-Shop-Betreiber ihren Besuchern ein neuartiges 3D-Shopping-Erlebnis bieten und sich somit aus der grauen Masse der „Standard-Shops“ abheben.
Für viele Anwendungen (z.B. Visualisierung von Objekten / Informationen oder Spiele) ist es nützlich bzw. notwendig, 3D-Darstellungen im Browser einzusetzen. Waren hier früher noch spezifische Viewer bzw. PlugIns notwendig, hat sich dies mit der Unterstützung von WebGL in aktuellen Browsern geändert. Heutzutage können durch WebGL komplexe 3D Szenen inkl. Animation direkt im Browser ohne PlugIns dargestellt werden.
Zur einfacheren Entwicklung von entsprechenden Anwendungen wurden bereits eine Vielzahl von Bibliotheken bzw. Frameworks zur Kapselung der WebGL-Schnittstelle entwickelt. Ein sehr umfangreicher Überblick findet sich auf der Seite der Khronos Group, die auch für die Entwicklung von WebGL verantwortlich ist.
Ich möchte 2 Frameworks herausgreifen (ohne, dass dies eine Empfehlung sein sollte, da ich in diesem Bereich ein Laie bin):
X3DOMwurde i.W. vom Fraunhofer IGD in Darmstadt entwickelt und verfolgt den deklarativen Ansatz, d.h. die Verwendung von HTML 5 Tags zur Beschreibung der 3D-Szene. Unter http://www.x3dom.org/?page_id=5 finden sich eine Reihe von Beispielen. Ein sehr einfaches Beispiel (3D Quader mit Innovative-Trends-Textur) ist auch hier abrufbar.
three.js ist ein rel. weit verbreitetes Framework, das einen prozeduralen Ansatz verfolgt, d.h. die wesentlichen Elemente der 3D-Szene werden über Skriptcode erzeugt. Auf der Webseite three.js finden sich sehr beeindruckende Beispiele, unter http://stemkoski.github.io/Three.js/ eher Lernbeispiele (jedoch auch sehr beeindruckend). Für nicht WebGL-fähige Browser besteht bei three.js hier auch noch eine Fallback-Möglichkeit (quasi eine Emulation). Ein sehr einfaches Beispiel (3D Quader mit Innovative-Trends-Textur) ist auch hier abrufbar.
Ob ihr Browser WebGL unterstützt, können Sie beispielsweise hier testen: http://get.webgl.org
Bei neueren Browsern / Geräte sollte dies der Fall sein (auch mobile Geräte, wie z.B. Smartphone/Tablet). Teilweise kann die Unterstützung auch nachträglich durch Änderung von Systemeinstellungen aktiviert werden (einfach im Internet recherchieren).
Wir verwenden Cookies, um unsere Website und unseren Service zu optimieren.
Funktional
Immer aktiv
The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.
Vorlieben
The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.
Statistics
The technical storage or access that is used exclusively for statistical purposes.The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.
Marketing
The technical storage or access is required to create user profiles to send advertising, or to track the user on a website or across several websites for similar marketing purposes.