Odoo 3D Product View with Google Model-Viewer
Download as PPTX, PDF2 likes2,014 views
This document discusses using the Google model-viewer widget to display and interact with 3D models in the GLB format within Odoo. It describes addons developed to integrate 3D product viewing into the backend, frontend, and e-commerce sections of Odoo. The document also provides background on glTF as an open standard for 3D content and the model-viewer library, which is based on three.js and allows easy 3D model embedding on websites. Future steps discussed include expanding AR capabilities on mobile browsers and converting models to the required glTF format.
Odoo 3D Product View with Google Model-Viewer
- 1. odoo 3D with google model-viewer Andrea Piovesana ( openindustry.it ) Odoo Experience 2020
- 3. Purpose 3D widget to visualize and interact with a gltf model Features ● Store 3D model in GLB format ● Product view in backend ● Product view in frontend for e-commerce Use cases ● Product 3D exploration zoom rotate full-screen ● e-commerce 3D
- 4. Addons developed ● web_widget_model_viewer ● product_model_viewer ● website_sale_product_model_viewer
- 5. Desktop
- 6. Mobile
- 7. glTF is the "JPEG of 3D" graphic language transmission format current v2.0 2017-06-09 started 2016 https://www.khronos.org/gltf/ https://github.com/KhronosGroup/glTF https://github.com/KhronosGroup/glTF-Tutorials/
- 8. glTF eco-system Lot of big players https://www.khronos.org/gltf/
- 9. glTF format https://www.khronos.org/gltf/ GLB is the glTF binary format
- 10. Browser render with GPU current v2.0 2017-01-17 started 2011 https://www.khronos.org/webgl/ Firefox 51 Chrome 56
- 11. three.js javascript library current r120 2020-08-25 started 2013 https://github.com/mrdoob/three.js
- 12. Google model-viewer glTF easy for website Based on three.js https://modelviewer.dev/ https://github.com/google/model-viewer/ current V1.1.0 2020-07-28 started 2018 https://github.com/google/model-viewer/releases/
- 14. Browser AR enabled https://en.wikipedia.org/wiki/Google _Chrome_version_history current 85 2020-08-25 started 81 (WebXR) https://en.wikipedia.org/wiki/Firefox _version_history current 80 2020-08-25 started 76 (VR) https://en.wikipedia.org/wiki/Safari_v ersion_history current 13 2019-09-19 started 12 (AR USDZ)
- 16. convert to glTF https://github.com/KhronosGroup/glTF- Tutorials/blob/master/gltfTutorial/gltfTutorial_001 _Introduction.md reccomands - Textures: max 2048×2048 px - Polygon: max 100k - Animation: max 10 sec
- 17. buy glTF sketchfab more than 100.000 models https://sketchfab.com/ limitation https://help.sketchfab.com/hc/en- us/articles/360046421631-glTF-and-USDZ features https://sketchfab.com/features
- 18. Next steps AR augmented reality - Android AR enabled - iOS AR enabled with UDSZ Apple use UDSZ with Pixar from 2018 https://developer.apple.com/augmented-reality/
- 19. Thank you Contacts Andrea Piovesana @andreapiovesana andrea.m.piovesana@openindustry.it https://openindustry.it/ Lorenzo Battistini @eLBaddi lb@takobi.online https://takobi.online/