Odoo Experience 2020 Andrea Piovesana, OpenIndustry.it https://youtu.be/x1aRceSyFEs

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/

13. Addons
widget
https://github.com/OCA/web/tree/12.0
/web_widget_model_viewer
product attribute
https://github.com/OCA/product-
attribute/tree/12.0/product_model_view
er
e-commerce
https://github.com/OCA/e-
commerce/tree/12.0/website_sale_prod
uct_model_viewer/

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)

15. Model-viewer editor
https://modelviewer.dev/editor/

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/