A-Frame: VR im Browser

29. März 2017 Ralf Dreiundzwanzig Open Source Schlagwörter: Mozilla A-Frame, Virtual Reality, WebVR 0 Kommentare

Mozilla hat ein eigenes VR Team, dessen Aufgabe es ist, die Forschung voranzutreiben und zu verbreiten. Das VR Team hat hierfür ein Open-Source Framework A-Frame (Version 0.5.0 ist seit 10. Februar 2017 verfügbar) für die Erstellung von 3D-Inhalten in Webbrowsern ins Leben gerufen.

Das A-Frame ist mit allen gängigen VR-Brillen kompatibel und kann auch in sämtlichen Standardbrowsern und mobilen Endgeräten verwendet werden. Das Framework ermöglicht in seiner Grundform bereits interaktive Erlebnisse und ist leicht erlern- und erweiterbar. Man benötigt für den Anfang lediglich Grundkenntnisse in HTML.

Sie haben es eilig? Dann speichern Sie diesen Blogartikel von R23 als PDF

Brauchen Sie den Inhalt dieses Artikels "A-Frame: VR im Browser" schnell und bequem? Dann speichern Sie ihn doch einfach als PDF!

Download PDF

Während es sich bei WebVR um das API handelt, das VR-Content im Browser darstellen kann, fungiert A-Frame als Open-Source-Framework, das WebGL in HTML-Custom-Elements wrapped. So ermöglicht A-Frame das Erstellen von 3D-VR-Szenen, die sich WebGL zu Nutze machen, ohne tatsächlich das WebGL-API verwenden zu müssen.

Wir visualisieren Ideen!

R23 ist Ihre Digitalagentur für Virtual & Augmented Reality. Wir investieren in immersive Technologien wie Augmented Reality und künstliche Intelligenz, die die Grundlage für die Art und Weise sein werden, wie wir in Zukunft online einkaufen. Mit neuen visuellen Entdeckungstools helfen wir Käufer:innen, neue Produkte zu finden, und mit AR-Erlebnissen helfen wir Menschen, Artikel zu visualisieren, bevor sie sie kaufen.

Fotorealistische Visualisierungen und 3D-Animationen lassen sich schnell und kostengünstig erzeugen und in Ihrem Online-Shop veröffentlichen.

Beispiel 3D-Modell Stilvoll. Modern. Zeitlos. Couch

Das glTF-model ist auch in den A-Frame-Kern gelandet! glTF (GL Transmission Format) ist ein Open Source Projekt von The Khronos Group, das ein standardisiertes, effizientes 3D-Dateiformat bietet, das für die Übertragung von 3D-Modellen über das Web maßgeschneidert ist. Lese mehr über das gltf-Modell.

The Hall VR

Die Halle ist eine Demo, die in Cecropia Solutions entwickelt wurde, um die WebVR-Fähigkeiten zu testen.

Das Projekt hat eine Vielzahl von Kunstwerken.

Life Demo
View Source

Die verwendeten Technologien

WebVR
Three.js r84 (previous version now A-Frame)
A-Frame v 0.5.0
Gamepad API (previous version now A-Frame)
gamepad.js (previous version now A-Frame)
Blender
Wavefront OBJ file format
CTM file format
OpenCTM
Oculus Medium
Meshlab

Die Entwickler haben die Objekte einzeln importiert, in CTM umgewandelt und über Three.js in die Applikation geladen.

Ein paar der Modelle wurden mit Oculus Medium erstellt und später mit Meshlab optimiert. Eine Einführung und Kurzvorstellung von Meshlab findest du in unserem Blog.

Ein paar kinetische Skulpturen wurden direkt mit Three.js und "etwas" Mathe erstellt.

Das Motorradmodell wurde mit Photogrammetrie erstellt.

Links

https://aframe.io/
https://aframe.io/examples/showcase/museum/

Jetzt bist du gefragt!

Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Du kannst diesen Beitrag natürlich auch weiterempfehlen. Ich bin dir für jede Unterstützung dankbar!

Wie können wir Ihnen helfen?

Wir unterstützen Sie bei der Umsetzung Ihres Augmented Reality (AR) oder Virtual Reality (VR) Projektes! Egal ob Produktfotografie, 3D-Scan-Service, 3D-Visualisierung oder fertige 3D-Modelle für AR/VR – wir beraten Sie persönlich und unverbindlich.

Wünschen Sie ein individuelles Angebot auf Basis Ihrer aktuellen Vorlagen, nutzen Sie einfach unser Anfrageformular.