- Virtual Reality, Augmented Reality und 3D News ❤ r23 - https://blog.r23.de -

Teil 1: Erstellung einer AR-Webanwendung

Voiced by Amazon Polly [1]

In den letzten Wochen habe ich einen Google Kurs für Augmented Reality und ARCore [2] erfolgreich belegt. Nun erstelle ich Beispiel-Anwendungen für die Kundengewinnung.

Was ist ARCore [3]?

ARCore ist ein von Google [4] vorgestelltes Software Development Kit (SDK) zur Realisierung von Augmented Reality [5] (AR)-Anwendungen auf Android-Geräten.

Eine Beispiel-Anwendung für ARCore ist die App IKEA Place [6] im Play Store. Eine App mit Augmented Reality (erweiterter Realität). Sie sorgt dafür, dass Einrichtung mehr Spaß macht.

Say Hej to IKEA Place

Dieser Beitrag ist Teil einer Artikelserie:

Teil 1: Erstellung einer AR-Webanwendung [8]
Teil 2: Experiment mit Augmented Reality Features im Web [9]

Was Du benötigst, wenn du Augmented Reality im Web sehen möchtest

Dies ist ein Überblick, was du benötigst, wenn du eine AR-Webanwendung erleben möchtest.

Chrome mit AR-Features erhalten

Die ersten AR-Funktionen sind in Chrome Canary-Builds mit einer Mindestversion von 70 implementiert. Du kannst unter Einstellungen -> Über Chrome gehen, um zu sehen, welche Version von Chrome Du verwendest.

Ich verwenden die noch in der Entwicklung befindliche WebXR [10] Device API (der Nachfolger der WebVR API), die sowohl Augmented Reality (AR) als auch Virtual Reality (VR) Funktionalität kombiniert. Wir werden uns auf experimentelle AR-Erweiterungen der WebXR [10] Device API konzentrieren.

Stelle sicher, dass die AR-Funktionen auf Chrome aktiviert sind.

Die ersten AR-Features verbergen sich hinter webxr und webxr-hit-test Flags. Um WebXR Augmented Reality Unterstützung in Chrome zu aktivieren:

Gebe webxr in das Eingabefeld Suchfeld ein. [11]

Bei einer AR-Webanwendung erscheint folgender Dialog.

[12] [13]

Die AR-Webanwendung verwendet JavaScript, um 3D-Modelle zu rendern, die so aussehen, als ob sie in der realen Welt existieren.

[14]

Der Screenshot von meinem Handy [15] zeigt das 3D Model [16] von Naomi Chen [17] / CC-BY [18]

Jetzt bist du gefragt!

Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Ich freue mich über Dein Feedback in den Kommentaren.
Wenn Dir das Projekt gefällt, dann klicke bitte like und/oder share, um auch anderen Interessierten den Beitrag zugänglich zu machen. Vielen Dank!

Nutzen Sie die Situation zur Digitalisierung.

Der r23:Blog will kleineren Unternehmen in der Krise helfen: Nutzen Sie die Situation zur Digitalisierung. Wir helfen Ihnen dabei, online zu gehen: Mit uns gibt es die eigene Website in 72 Stunden - kostengünstig und unkompliziert. Wir erstellen Ihnen auf Basis von WordPress [19] einen Corporate Blog [20]. Schreiben Sie uns: info@r23.de [21].

Wie können wir Ihnen helfen?

Sie wollen online richtig verkaufen? Wir unterstützen Sie bei der Umsetzung Ihres E-Commerce Projektes! Egal ob 360° Produktfotografie [22], 3D Scan Service [23], 3D Visualisierung [24] oder Architekturvisualisierung [25] – wir beraten [26] Sie persönlich und unverbindlich.

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