3D im Web: Unterschied zwischen den Versionen
Aus Wikizone
| Zeile 8: | Zeile 8: | ||
== Libraries == | == Libraries == | ||
=== Three JS === | === Three JS === | ||
| − | https://www.youtube.com/watch?v=uzkedMF-l4Q&list=PLbu98QxRH81KkLTN00OXhD8Y-pRVgTCnM | + | 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 | 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 == | == Fake 3D / 360 Grad == | ||
Oft reicht auch ein 360 Grad Skript das mehrere Bilder in unterschiedlichen Winkeln der Reihe nach oder interaktiv zeigt. | 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/ | https://scaleflex.github.io/js-cloudimage-360-view/ | ||
Version vom 20. August 2019, 07:19 Uhr
Formate
GLB / glTF
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
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
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/
