3D im Web: Unterschied zwischen den Versionen
Aus Wikizone
| Zeile 8: | Zeile 8: | ||
== Libraries == | == Libraries == | ||
=== Three JS === | === Three JS === | ||
| + | [[Three JS]] | ||
Aktuell beste Library für anspruchsvolle Aufgaben und interaktives 3D im Web (Stand 2019). Unterstützt unter anderem glTF | Aktuell beste Library für anspruchsvolle Aufgaben und interaktives 3D im Web (Stand 2019). Unterstützt unter anderem glTF | ||
https://www.youtube.com/watch?v=uzkedMF-l4Q&list=PLbu98QxRH81KkLTN00OXhD8Y-pRVgTCnM Einführung in Three JS | https://www.youtube.com/watch?v=uzkedMF-l4Q&list=PLbu98QxRH81KkLTN00OXhD8Y-pRVgTCnM Einführung in Three JS | ||
Aktuelle Version vom 2. September 2019, 11:33 Uhr
Formate[Bearbeiten]
GLB / glTF[Bearbeiten]
GLB ist die Binary Version von glTF 2.0. Das Format wird z.B. von Facebook für 3D Bilder verwendet. glTF ist quasi Standard Format für Web 3D (Stand 2019).
GLB / glTF https://developers.facebook.com/docs/sharing/3d-posts/glb-tutorials/ - Facebook Manual
Libraries[Bearbeiten]
Three JS[Bearbeiten]
Three JS
Aktuell beste Library für anspruchsvolle Aufgaben und interaktives 3D im Web (Stand 2019). Unterstützt unter anderem glTF
https://www.youtube.com/watch?v=uzkedMF-l4Q&list=PLbu98QxRH81KkLTN00OXhD8Y-pRVgTCnM Einführung in Three JS https://medium.com/@matthewmain/how-to-import-a-3d-blender-object-into-a-three-js-project-as-a-gltf-file-5a67290f65f2
Fake 3D / 360 Grad[Bearbeiten]
Oft reicht auch ein 360 Grad Skript das mehrere Bilder in unterschiedlichen Winkeln der Reihe nach oder interaktiv zeigt.
https://scaleflex.github.io/js-cloudimage-360-view/
