3D-Modellierung/3D-Modelle erstellen/JSON3D4Aframe
Einleitung
[Bearbeiten]JSON3D4Aframe ist eine AppLSAC zur Erstellung von 3D-Modelle für AFrame oder AR.js. Das OpenSource-Tool wurde als Unterstützung für die Lernressource 3D-Modellierung erstellt, die sich mit der 3D-Modellierung beschäftigt.
Lernaufgaben
[Bearbeiten]3D-Modelle können als Aframe-Modell oder AR.js-Modell erstellt werden. Das Aframe-Modell wird für 3D-Modelle z.B. auf einem mobilen Gerät verwendet, wo das Objekt durch Bewegung im 3D-Raum erkundet werden kann, während AR.js für die Platzierung des 3D-Objekts in einem Videostream oder VR-Headset verwendet wird.
AFrame
[Bearbeiten]Beginnen Sie mit der Erkundung des JSON3D4Aframe und erstellen Sie Ihr erstes 3D-Modell in AFrame. Wählen Sie ein vordefiniertes 3D-Modell mit der Schaltfläche "Init 3D" aus und prüfen Sie das Modell in den Vorschaumodi:
- Aframe 3D
- AR Marker 3D
- (optional) AR Geolocation - der Export macht nur dann Sinn, wenn Sie das Modell mit einem mobilen Gerät (Smartphone) mit Sensor für ein globales Satellitennavigationssystem vorschauen und wenn Sie das Modell an dem Geostandort vorschauen, der den Breiten- und Längengrad angibt, an dem sich das 3D-Modell befindet.
AR.js
[Bearbeiten]3D-Modelle werden im Videostrom der Webcam mit einem Marker als 3D-Referenzpunkt angezeigt.
Hiro Marker
[Bearbeiten]Drucken Sie das PDF mit Markern aus und verwenden Sie den Hiro-Marker in Ihrer Webcam, um das 3D-Modell anzuzeigen. Musterquelle: Hiro-Muster aus AR-Toolkit
- Wassermolekül - Hiro-Marker - Marker: PDF
- Cristal Lattice - Hiro Marker - Marker: PDF
- Planetensystem - Hiro Marker - Marker: PDF - von Ina Shashkova (2021) - siehe Wikiversity
- Schneemann - Hiro Marker - Marker: PDF
Kanji-Marker
[Bearbeiten]Drucken Sie das PDF mit Markern aus und verwenden Sie den Kanji-Marker in Ihrer Webcam, um das 3D-Modell anzuzeigen. Musterquelle: Kanji-Muster aus AR-Toolkit
- Wassermolekül - Kanji-Marker - Marker: PDF
- Cristal Lattice - Kanji Marker - Marker: PDF
- Schneemann - Kanji Marker - Marker: PDF
Beginnen Sie, den JSON3D4Aframe zu erkunden und erstellen Sie Ihr erstes 3D-Modell in AR.js.
- (Attribute von 3D-Elementen) Erkunden Sie den geometrischen Zweck der Attribute und spielen Sie mit these attributes in JSON3D4Aframe]
Modelle erforschen
[Bearbeiten]JSON3D4Aframe ("JSON 3D files fo(u)r AFrame") ist ein Werkzeug, das für die Wikiversity-Lernressource über 3D-Modelle auf Marker erstellt wurde.
- Wählen Sie ein vordefiniertes Modell mit dem roten "Init 3D"-Button (siehe Screenshot oben).
- Prüfen Sie die Vorschau des 3D-Modells in verschiedenen Ausgabeformaten.
- Wählen Sie in den Aframe-Einstellungen einen Himmel aus und sehen Sie sich das 3D-Modell mit Himmel an. Bitte warten Sie ein wenig, bis die Himmelsbilder (equirectangular images) im Hintergrund geladen sind.
Modelle erstellen
[Bearbeiten]- JSON3D4Aframe wurde für die Wikiversity-Lernressource erstellt, um eine einfache 3D-Szene mit geometrischen Primitiven zu erstellen.
- Für fortgeschrittene realistische 3D-Szenen können Sie sich die Open-Source-Software Blender ansehen und die 3D-Modelle dort mit dem Blender2Aframe exporter[1] in Blender installiert.
Siehe auch
[Bearbeiten]- AppLSAC
- JSON3D4Aframe-Tool
- AR.js
- JSON3DAframe Einführung - (Foliensatz) - Erste Schritte und Einstellung von Objekteigenschaften.
Referenzen
[Bearbeiten]- ↑ Alessandro Schillaci (2021) Blender to Aframe exporter - plugin for OpenSource 3D modelling software Blender - URL: https://github.com/silverslade/aframe_blender_exporter
Seiteninformation
[Bearbeiten]Diese Lernresource können Sie als Wiki2Reveal-Foliensatz darstellen.
Wiki2Reveal
[Bearbeiten]Dieser Wiki2Reveal Foliensatz wurde für den Lerneinheit 3D-Modellierung' erstellt der Link für die Wiki2Reveal-Folien wurde mit dem Wiki2Reveal-Linkgenerator erstellt.
- Die Seite wurde als Dokumententyp PanDocElectron-SLIDE erstellt.
- Link zur Quelle in Wikiversity: https://de.wikiversity.org/wiki/3D-Modellierung/3D-Modelle_erstellen/JSON3D4Aframe
- siehe auch weitere Informationen zu Wiki2Reveal und unter Wiki2Reveal-Linkgenerator.