3D im Web: Unterschied zwischen den Versionen
Aus Wikizone
(Die Seite wurde neu angelegt: „== Formate == === GLB / glTF === GLB ist die Binary Version von glTF 2.0. Das Format wird z.B. von Facebook für 3D Bilder verwendet. https://developers.face…“) |
|||
| (6 dazwischenliegende Versionen von einem anderen Benutzer werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
== Formate == | == Formate == | ||
=== GLB / glTF === | === GLB / glTF === | ||
| − | GLB ist die Binary Version von glTF 2.0. Das Format wird z.B. von Facebook für 3D Bilder verwendet. | + | 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). |
| − | https://developers.facebook.com/docs/sharing/3d-posts/glb-tutorials/ | + | [[GLB / glTF]] |
| − | https://www. | + | https://developers.facebook.com/docs/sharing/3d-posts/glb-tutorials/ - Facebook Manual |
| + | |||
| + | == Libraries == | ||
| + | === Three JS === | ||
| + | [[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/ | ||
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/
