# 3D-Modellierung/3D-Modelle erstellen/Wiki 360-Grad-Bilder

Diese Lernressource unterstützt Sie bei der Erstellung eines Links, der eine 360-Grad-Szene aus einem bestehenden gleichwinkligen 360-Grad-Bild erzeugt, das auf Wiki Commons existiert. Für diese Lernressource wurde das OpenSource-Tool WikiCommons4Aframe erstellt, mit dem die Lernenden ein 360-Grad-Kugelbild mit einem Link für AFrame hinzufügen können.

## Lernaufgabe

360-Grad-Bilder für webbasierte 3D-Modelle definieren den Hintergrundhimmel des 3D-Modells. Webbasierte 3D-Umgebungen können mit einem Himmelshintergrund verwendet werden, um einen Ort zu erkunden, den man nicht physisch aufsuchen kann. Die 3D-Hintergrundbilder sind reguläre PNG- oder JPG-Bilder, die in einem Standard-Bildbetrachter deformiert erscheinen, aber ein 360-Grad-Bild in AFrame wird als sphärische Projektion verwendet, in der sich der Benutzer in AFrame umsehen kann. In der folgenden Lernaufgabe werden Sie lernen
* die equirektangulären Bilder kennen,
* das 360°-Bild in Aframe zu erkunden,
* ein gleichwinkliges Bild in WikiCommons in AFrame verwenden und schließlich
* Ihr eigenes 360°-Bild in AFrame verwenden und erstellen
Nun beginnen wir mit der Analyse von Gleichwinklige Bilder:
* (Suche nach 360$^o$-Bildern) Suche nach equirectangular images in WikiCommons oder nach einem der folgenden Bilder
** Aldara Park (Wiki Commons) -
** Durlach Saumarkt (Weblink zu Github)
* (WikiCommons2AFrame) Starten Sie den link creator for the Aframe und kopieren Sie den Dateinamen in WikiCommons4Aframe
* (Search 360$^o$-Images) Search for equirectangular images in WikiCommons or one of the following images
** Aldara Park (Wiki Commons) -
** Durlach Saumarkt (Web Link to Github)
* (WikiCommons2AFrame) Start the link creator for the Aframe and copy the Filename into WikiCommons4Aframe
** (WikiCommons) Aldara_parks.jpg -- Generated Link for 360$^o$-Image
** (WikiCommons) Förderturm_Zeche_Holland_Panorama.jpg -- Förderturm der Zeche Holland - link created with WikiCommons2AFrame with equirectangular image from WikiCommons.
** (WebLink) Rieselfelder Muenster, Germany with https://niebert.github.io/HuginSample/img/rieselfelder1.jpg -- Erzeugter Link für 360$^o$-Bild
** (WebLink) Saumarkt Karlsruhe-Durlach, Germany with https://niebert.github.io/HuginSample/img/durlach_saumarkt.jpg -- Erzeugter Link für 360$^o$-Bild
* (Text in AFrame) Bearbeiten Sie den sichtbaren Text im 360$^o$-Bild, die Farbe, die Position, ... und zeigen Sie dann das 360$^o$-Bild mit der Schaltfläche an.
* (URL kopieren) Kopieren Sie den Link in die Wikiversity, wo Sie ein 360$^o$-Bild benötigen.
* (Real World Lab) Erkunden Sie das Konzept eines Real World Lab und definieren Sie den Einsatz von 360$^o$-Bildern zur zusätzlichen digitalen Erweiterung einer partizipativen Umgebung des Real World Lab.

## Testen Sie 360-Grad-Bilder mit Ihrem Smartphone

Klicken Sie auf eines der sphärischen 360-Grad-Bilder und bewegen Sie Ihr Smartphone nach oben und unten oder drehen Sie Ihr Smartphone.
* Führt Ihr Browser und Betriebssystem die entsprechenden Drehungen und Rotationen des sphärischen Bildes aus (d.h. drehen Sie das Smartphone horizontal oder vertikal und prüfen Sie, ob sich das VR-Bild in AFrame entsprechend dem 360-Grad-Bild dreht?
* Versuchen Sie es mit verschiedenen Browsern (z.B. Chrome, Firefox, Safari, ... auf Android und iOS)

## Externe Links

* WikiCommons2AFrame zum Erstellen von Links für Wikiversity und Wikipedia für 360-Grad-Bilder in AFrame