Site icon Atelier für 3D-Visualisierungen, V/AR. Produktvisualisierung und Rendering. ❤ r23

Augmented Reality Map: Standortbasiert

Virtual-Reality

Map wurde für das A-Frame-Framework entwickelt.

Dieser Artikel gibt Ihnen einen ersten Einblick in Standortbasiert mit AR.js. Es kann für die Geopositionierung von AR-Inhalten im Freien verwendet werden.

Sie können 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.

Der Vorteil

Sie können standortbasierte Augmented-Reality-Anwendungen erstellen, die auf jedem Browser laufen, ohne Installation auf Ihrem Smartphone. Kostenlos.

Standortbasierte AR im Web

v2 führte standortbasierte zum ersten Mal im Web ein. Dies ermöglicht neue Erfahrungen mit AR und ist eine großartige Gelegenheit für Entwickler, die sich für Augmented Reality interessieren.

Darüber hinaus ermöglicht diese neue Funktion die Kombination von markerbasierter AR, der "klassischen" -Methode zur Erweiterung der Realität, und der neuen standortbasierten AR, die auf GPS-Daten basiert.

Eine klassische Kombination beider Funktionen wäre z.B., den Benutzer:innen, die sich mit ihrem Smartphone in der Hand bewegen, erweiterte Informationen im Freien zu zeigen, und wenn ein Ort von Interesse entdeckt wird, können sie sich physisch in die Nähe des Ortes bewegen und eine markerbasierte Vor-Ort-Erfahrung genießen.

Auf jeden Fall ist es sehr sinnvoll, die neue ortsbezogene AR allein zu verwenden, um Informationen über Orte in der Nähe der Benutzer:innen anzuzeigen.

Quellcode

Sie finden die Scripte auf GitHub https://github.com/r23/AR.js/tree/master/aframe/examples/location-based

Leseposition oder Drehung der Kamera

Mit dem A-Frame Framework kann man auf die Kameraposition auf dem Smartphone zugreifen:

https://aframe.io/docs/0.9.0/components/camera.html#reading-position-or-rotation-of-the-camera

Mein Atelier für Virtual & erstellt Ihnen gerne 3D-Modelle für Ihr standortbasiertes AR Erlebnis im Web. Fordern Sie einfach Ihr kostenloses Angebot an https://blog.r23.de/anfrage/

Exit mobile version