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.

AFrame 360 Image - Look around by draging mouse with mouse button pressed

AFrame Example Durlach or AFrame-Beispiel für ein 360-Grad-Bild - schauen Sie sich mit gedrückter Maustaste in dem equirektangulären Bild um.

equirectanguläre Projektion der Kugeloberfläche auf ein Rechteck

Equirectanguläre Projektion der Erdoberfläche

Kohleförderung: equirektanguläres Bild - Förderturm der Zeche Holland

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

1. die equirektangulären Bilder kennen,
2. das 360°-Bild in Aframe zu erkunden,
3. ein gleichwinkliges Bild in WikiCommons in AFrame verwenden und schließlich
4. 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

Siehe auch

• Hugin Sphärische 360-Grad-Bilder mit der eigenen Kamera erstellen
• Real World Lab
• AppLSAC
• 3D-Modellierung/Erstellen von 3D-Modellen/360-Degree AFrame