Teil 1: Erstellung einer AR-Webanwendung

Allgemein Schlagwörter: , , , 0 Kommentare
Voiced by Amazon Polly

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

Was ist ?

ARCore ist ein von vorgestelltes Development Kit (SDK) zur Realisierung von Augmented Reality (AR)-Anwendungen auf Android-Geräten.

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

[lyte id="UudV1VdFtuQ" /]

Dieser Beitrag ist Teil einer Artikelserie:

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

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.

  • ARCore-fähiges Android-Gerät mit Android 8.0 Oreo. Ich verwende Android 9.0 P
  • ARCore installiert (Chrome fordert Sie automatisch auf, ARCore zu installieren)
  • Chrome für Android: Muss Version 70 oder höher sein

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 Device API (der Nachfolger der API), die sowohl Augmented Reality (AR) als auch Virtual Reality (VR) Funktionalität kombiniert. Wir werden uns auf experimentelle AR-Erweiterungen der WebXR 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:

  • Überprüfe, ob Du Android 8.0 Oreo oder aktueller verwendest.
  • Überprüfe, ob Dein Android-Handy eines der unterstützten ARCore-Geräte ist.
  • Vergewissere Dich, dass die Chromversion >= 70 ist.
  • Gebe chrome://flags in die URL-Leiste ein.
  • Gebe webxr in das Eingabefeld Suchfeld ein.
Gebe webxr in das Eingabefeld Suchfeld ein.
  • Setze WebXR Device API (#webxr) auf Enabled.
  • Setze das Flag WebXR Hit Test (#webxr-hit-test) auf Enabled.
  • Tippe auf RELAUNCH NOW, um sicherzustellen, dass die aktualisierten Einstellungen wirksam werden.

Bei einer AR-Webanwendung erscheint folgender Dialog.

Teil 1: Erstellung einer AR-Webanwendung 2 Teil 1: Erstellung einer AR-Webanwendung 3

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

Teil 1: Erstellung einer AR-Webanwendung 4

Der Screenshot von meinem Handy zeigt das 3D Model von Naomi Chen / CC-BY

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!

Wie können wir Ihnen helfen?

Sie wollen online richtig verkaufen? 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.



Gefällt Ihnen dieser Beitrag? Teilen Sie ihn mit anderen. Sie machen mir damit eine große Freude!
R23
R23

Schreibe einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Senden Sie uns Ihre Videonachricht!

Sie können im r23:Blog Ihren Textkommentar mit einer Videonachricht ergänzen! Diese Nachricht kann bis zu 90 Sekunden lang sein.

Wir freuen uns auf Sie!

Hinweis: Das r23:Blog setzt auf selbstlernende Systeme für die reale Welt.
Mit einer Künstlichen Intelligenz (KI) wird eine Abschrift von Ihrer Videonachricht erstellt.
Für ein optimales Erlebnis von r23:Blog und den dazugehörigen Applikationen wird die Verwendung von Firefox in der aktuellen Version empfohlen. Unterstützt werden weitere aktuelle Browser.

Anleitung: Videonachrichten im r23:Blog

R23

Aktuell