MindAR und threeJS

09.07.2024

Als eine möglich Alternative für AR.js und A-Frame wurde mindAR mit threeJS testweise implementiert.

Grundlegend ist mindAR mit threeJS leichtgewichtiger, jedoch ist das Tracking multipler Images komplizierter als bei A-Frame. A-Frame kommt zudem mit sehr wenig JavaScript aus, threeJS hingehen funktioniert nur mit JavaScript.

mindAR mit threeJS funktioniert sehr gut mit Videos und Audio, bei 3D Modellen bietet sich aber AR.js und A-Frame besser an.

Welche der beiden Technologien verwendet werden soll kann über das Attribut layout in der markdown-Datei des Spots festgelegt werden.

README mit IOS byte-range-Problem angepasst

25.03.2024

In der README.md wurde das byte-range-Problem notiert und in einem verlinkten Issue genauer beschrieben. Es geht darum, dass IOS versucht, Videos nur teilweise anzufragen (byte für byte) und das der Produktion-Server auch kann, jedoch kommt anscheinend AR.js bzw. A-Frame damit nicht klar.

Matomo Tracking hinzugefügt

25.02.2024

Zur Verfolgung der Nutzung des Webangebots wurde das Tracking Tool Matomo integriert.

Style Anpassungen OBK

23.02.2024

Auf Wunsch des OBK wurden einige Designtokens/ Styles angepasst, z.B. Schriftfamilie von System-UI zu Verdana geändert.

Datenschutzerklärung und Impressum hinzugefügt

22.02.2024

In Absprache mit dem OBK wurden die Datenschutzerklärung und ein Impressum integriert.

Variable Transformation für Content hinzugefügt

21.01.2024

Die markdown-Dateien enthalten nun Information für die Transformation des Contents, also Position, Skalierung (Größe) und Rotation. Diese Daten müssen zuvor für jeden AR-Spot getestet werden und können dann, bei korrekter Angabe, das Erlebnis verbessern.

Noch mehr AR-Spots hinzugefügt

20.01.2024

Sobald Content für AR-Spots verfügbar war, wurde diese Spots und der Content hinzugefügt.

Weitere AR-Spots und Content hinzugefügt

15.01.2024

Der Prototyp wurde mit den noch fehlenden AR-Spots und dem zugehörigen Content erweitert und getestet.

Karte hinzugefügt

09.01.2024

Das Frontend hat jetzt eine Kartenansicht, auf der die ARlebnisse angezeigt werden. Dafür wird die Mapbox genutzt. Die Implementierung basiert auf einem Praxisprojekt von Julia Voell.

OBK Style integriert

28.12.2023

Das Frontend nutzt jetzt mehr visuelle Elemente im Stil des Corporate Design des Oberbergischen Kreises.

Mediesteuerung für Video und Audio hinzugefügt

20.12.2023

Eine simple Mediensteuerung für Videos und Audio wurde dem DOM hinzugefügt. Diese sitzt über der ausfahrbaren Card und unter dem Content. Die Steuerung erscheint erst, wenn Content präsentiert wird.

Weiterer Content zu AR-Spots hinzugefügt

27.11.2023

Sobald mehr Content zu den AR-Spots vefügbar war, wurde er hinzugefügt und getestet. Unter anderem Videos und Audio.

Struktur für verscheidenen AR-Conten implementiert

03.11.2023

Für die Content-Arten Video, Audio und Modell wurden unterschiedliche Bausteine für den Aufbau des DOM implementiert.

ARlebnis-Daten zu Card hinzugefügt

27.10.2023

Die Informationen zu jedem ARlebnis wurden der jeweiligen Card hinzugefügt. Dabei wurde darauf geachtet, dass die Card wenn nötig scrollable ist und sich dem jweiligen Screen anpasst.

Impressum verweist vorerst auf das Impressum der TH Köln

13.10.2023

Das Impressum von arlebnisobk verweist vorerst auf das Impressum der TH Köln, da noch Feinheiten geklärt werden müssen.

Versuch, Youtube in ARjs zu präsentieren

12.10.2023

Um eventuell bereits bestehende Videos zu AR-Spots in der Augmnented Reality zu präenstieren, wurden verschiede Möglichkeiten getestet, das CORS Problem zu lösen.

Leider war keiner der Versuche erfolgreich, daher wurde, falls ein Youtube-Video verwendet werden soll, dieses in der Card eingebunden:

Gestenerkennung für AR-Content hinzugefügt

27.09.2023

Um das Zoomen, drehen und Anpassen von AR-Content wie zum Beispiel 3D Modelle und Videos zu ermöglichen, wurde arjs-gestures hinzugefügt.

Anzumerken ist, dass besonders bei 3D-Modellen die Achsen passen müssen, da diese sich sonst nicht nicht, wie in dem Beispiel von arjs-gestures zu sehen ist, rotieren lassen.

Erste Version des Impressums und des Datenschutzes hinzugefügt

21.09.2023

Eine erste Version des Impressums sowie des Datenschutzes wurde in Absprache mit dem OBK hinzugefügt und auf der Seite im Footer verlinkt.

Bisher bestätigte AR-Spots hinzugefügt

14.09.2023

Für folgende AR-Spots wurden die .md-files und jeweils ein Teaser-Bild hinzugefügt.

Whiel:

• Bergischer Löwe
• St. Bonifatius
• Burghaus
• Eisenbahnbrücke
• Steinbrecher Weiershagen
• Haus Krandenberg

Wipperfürth:

• Nikolauskirche
• Ohler Brücke/Fort
• Franziskaner Kloster
• Haus am Markt - Brunnen

Einfaches Card-Layout hinzugefügt

13.09.2023

Weitere Informationen, wie zum Beispiel Text oder externe Videos, zu einem AR-Spot können mittels einer Card von den Nutzern eingeblendet werden.

Erste AR Version mittels ARjs

30.08.2023

Für einen ersten Prototyp wurde AR.js als WebAR-Technology gewählt, da es einen einfachen Einstieg in AR mittels Image Tracking bietet.

Projekt Log

09.03.2023

Projekt Log in der ersten Version aufgesetzt. Juchu.