Die 3D-Modelle in dem Online-Shop auf r23:Blog stehen in der Regel als interaktives Augmented Reality Erlebnis zur Verfügung. Kund*innen können so vor einem eventuellen Kauf, das 3D-Modell ausführlich testen.
Mein Atelier für Virtual & Augmented Reality hat für das Augmented Reality Erlebnis ein eigenes Plugin für WordPress entwickelt.
In diesem r23:Artikel möchte ich Ihnen AR.js vorstellen.
Was ist AR.js?
AR.js ist eine leichtgewichtige Bibliothek für Augmented Reality im Web mit Funktionen wie Image Tracking, Location Based AR und Marker Tracking.
Was Web-AR bedeutet (Augmented Reality on the Web)
Augmented Reality ist die Technologie, die es ermöglicht, der realen Welt überlagerte Inhalte hinzuzufügen. Sie kann für verschiedene Arten von Geräten bereitgestellt werden: Handheld-Geräte (wie Smartphone), Headsets, Desktop-Displays usw.
Bei Handheld-Geräten (allgemeiner gesagt, bei Geräten mit Videodurchsicht) wird die "Realität" von einer oder mehreren Kameras erfasst und dann auf dem Gerätedisplay angezeigt, wobei eine Art von Inhalt darüber gelegt wird.
Image Tracking
Das neue AR.js-Tracking kann jedes beliebige Bild oder jede beliebige Zeichnung (nicht nur Marker) zur Positionierung und Anzeige Ihres 3D-Inhalts verwenden.
Natural Feature Tracking oder NFT ist eine Technologie, die die Verwendung von Bildern anstelle von Markern ermöglicht.
NFT Marker Creator
Die Software verfolgt interessante Punkte im Bild und schätzt anhand dieser Punkte die Position der Kamera. Diese interessanten Punkte (auch bekannt als "Image Descriptors") werden mit dem NFT Marker Creator erstellt, einem Werkzeug, das für die Erstellung von NFT-Markern zur Verfügung steht.
Hier im r23:Blog werden Sie in den nächsten tagen ein Beispiel für Image Tracking sehen.
Location Based
Standortbasiert (Location Based) kann für die Geopositionierung von AR-Inhalten in Innenräumen und im Freien verwendet werden.
Man kann Orte statisch, aus HTML oder aus Javascript laden, oder Sie können Ihre Daten aus local/remote json oder sogar durch API-Aufrufe laden. Sie haben die Wahl.
Standortbasiert (Location Based) steht im A-Frame zur Verfügung.
Marker Tracking
Marker können von drei verschiedenen Typen sein:
- Hiro
- Strichcode (Barcode)
- Muster
Anleitungen und Beispiele finden Sie auf der Projektseite von AR.js
Links
https://medium.com/arjs
https://github.com/AR-js-org/AR.js
AR.js Dokumentation
Jetzt sind Sie gefragt!
Haben Sie Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf Ihren Kommentar.
Sie können diesen Beitrag natürlich auch weiterempfehlen. Ich bin Ihnen für jede Unterstützung dankbar!