Zum Inhalt springen

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

Aus Wikiversity
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

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

[Bearbeiten]

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:

  • (Text in AFrame) Bearbeiten Sie den sichtbaren Text im 360o-Bild, die Farbe, die Position, ... und zeigen Sie dann das 360o-Bild mit der Schaltfläche an.
  • (URL kopieren) Kopieren Sie den Link in die Wikiversity, wo Sie ein 360o-Bild benötigen.
  • (Real World Lab) Erkunden Sie das Konzept eines Real World Lab und definieren Sie den Einsatz von 360o-Bildern zur zusätzlichen digitalen Erweiterung einer partizipativen Umgebung des Real World Lab.

Testen Sie 360-Grad-Bilder mit Ihrem Smartphone

[Bearbeiten]

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)
[Bearbeiten]

Siehe auch

[Bearbeiten]

Referenzen

[Bearbeiten]