Content
Variabel und einfach
Jeder Spot hat eine markdown-Datei wo alle relevanten Informationen zu dem ARlebnis hinterlegt sind. Das sind zum einen allgemeine Informationen wie historische Daten, aber auch genauere Informationen wie zum Beispiel, welcher Content soll präsentiert werden und was sind die Daten zum Content.
Die markdown-Datei für einen Spot(ARlebnis) wird in folgedem Pfad hinterlegt(Pulvermuseum als Beispiel):
"/src/wipperfuerth/pulvermuseum.md" // anderes Beispiel: /src/whiel/bergischerloewe.md
Variabler Content
Der variable Content wird im folgenden an einem Beispiel erklärt. Weitere Hinweise und Tips befinden sich unter dem Beispiel.
pulvermuseum.md
---
title: Pulvermuseum // Name des ARlebnis
image: pulvermuseum.webp // Name der Bild-Datei
layout: poi // Welche Technologie soll verwendet werden (vorerst nur AR.js = poi, weiteres: poi_threejs)
gmaps: "Google Maps" // Google Maps Link
coords: [51.1113282, 7.4886674] // Lat/Long Koordinaten
info: | // Information zum Standort des ARlebnis
Infos
arDesc: | // Beschreibung welches ARlebnis hier erlebt werden kann und wie.
arDescription
ar: // Ab hier kommen die AR-spezifischen Variablen für AR.js
type: image-tracking // Image tracking oder Location Base
content: video // Was kann man erleben (video, audio, model, mixed)
location: wipperfuerth // Welcher Pfad
video: [ // Liste mit allen Videos für das ARlebnis
{
type: 'url', // url heißt extern (z.B. youtube)
url: 'https://www.youtube.com/embed/uDjJPtmBcmY?si=japZwtlh16alDnu_'
},
{
type: 'filename', // Selbst gehostete Videos
filename: 'pulvermuseum.webm'
}
]
nft: [ // Liste mit allen NFT's des ARlebnis
{
type: video, // typ des NFT (wichtig bei mixed content)
id: "pulvermuseum_front", // Name der NFT Dateien
name: "Pulvermuseum", // Name des ARlebnis
position: "120 0 -150", // Position im Canvas
scale: "5 5 5", // Größe des Content
rotation: -90 0 0" // Rotation (evtl wichtig für 3D Modelle)
}
]
---
Das System “baut” für jedes ARlebnis eine html-Datei basierend auf den vorhandenen Daten. Bei dem oben gezeigten Beispiel handelt es sich um das ARlebnis Pulvermusem, welches als Content zwei Videos enthällt. Zum einen kann man ein Youtube Video schauen, dieses wird innerhalb der Card präsentiert, und zum anderen ein *.webm Video, welches, sobald ein NFT erkannt wird, präsentiert wird. Weitere Daten sind Informationen zur Transformation des Content, also zum Beispiel wo wird das Video platziert, wie groß ist es und welche Rotation passt. Leider müssen die Daten zur Transformation manuell erfasst, geprüft und getestet werden, und das am besten direkt vor Ort. Die Liste der NFT’s kann auch mehrere ähnliche Informationen zu Bildern enthalten, damit kann die Genauigkeit erhöht werden beziehungsweise auf unterschiedliche Witterungsverhältnisse reagiert werden.