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:

https://digbi-at-ar-biene.glitch.me/

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.

https://digbi-at-ar-whale.glitch.me/

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

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:

https://digbi-at-ar-biene.glitch.me/

2. AR-Modell finden und einbetten

(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.

https://digbi-at-ar-whale.glitch.me/

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.

Kommentar verfassen Kommentieren abbrechen

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:

https://digbi-at-ar-biene.glitch.me/

2. AR-Modell finden und einbetten

(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.

https://digbi-at-ar-whale.glitch.me/

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.

Weitere Inhalte:

Verwandte Beiträge

Kommentar verfassen Kommentieren abbrechen