AR: Eigene 3D Modelle einbauen

Eigene 3D Modelle in der AR darstellen

Augmented Reality Inhalte mit der Open Source Software AR.JS und glitch.com kostenlos und einfach erstellen. Zur Anzeige des AR-Inhalts wird nur ein Browser benötigt.

Beispiel: Biene

1. AR-Biene betrachten

Öffne die folgende Seite auf deinem Smartphone oder Tablet, erlaube den Zugriff auf die Kamera und scanne den folgenden AR Marker:
AR-Marker (ausdrucken oder mit dem Smartphone den Bildschirm scannen.)
So sollte die AR-Biene aussehen.

2. AR-Modell finden und einbetten

  • Öffne die folgende Seite und wähle „Remix this“ um den Code für deinen eigenen Würfel zu erhalten. Du kannst den Code im „index.html“ verändern und anpassen.
  • Kostenlose und fertige 3D Modelle gibt es auf Sketchfab.com
  • Lade ein 3D Modell (.gltf-Datei) auf github in ein „repository“ (Beispiel: digbi-at auf github)
  • Besuche deine selbst erstellte Webseite und füge den Inhalt ein.
  • Scanne wieder den AR-Marker um deinen erstellten Inhalt zu betrachten.
AR-Biene Code:
(Du brauchst keinen Account bei Glitch. Das ist nur nötig, wenn man den Inhalt dauerhaft speichern will. Ohne Anmeldung bleibt er für eine Woche online. Eine Anmeldung bei Glitch ist kostenlos.)

Beispiel 2: AR Modell mit Gesten

1. AR-Wal betrachten und Größe mit Fingern anpassen

Öffne die folgende Seite auf deinem Smartphone oder Tablet, erlaube den Zugriff auf die Kamera und scanne den folgenden AR Marker. Verändere und verschiebe dann den Wal auf deinem Bildschirm. Wenn du schnell mit der Kamera vom Marker wegfährst, kannst du das Modell ohne Marker benutzen.
AR-Marker (ausdrucken oder mit dem Smartphone den Bildschirm scannen.)
So sollte der gescannte AR Text mit Hintergrund aussehen.

2. Eigenes AR Modell mit Gesten

Öffne die folgende Seite und wähle "Remix this" um den Code für deinen eigenen Text und Bild zu erhalten. Du kannst den Code im "index.html" verändern und anpassen.
Baue dein eigenes Modell ein. Besuche anschließend deine selbst erstellte Webseite und scanne wieder den AR-Marker und betrachte den Inhalt.
AR Whale
Teile diese Seite


Kommentar verfassen

Deine E-Mail-Adresse wird nicht veröffentlicht.