Odoo 3D Product View with Google Model-Viewer

Odoo 3D Product View with Google Model-Viewer

• 1.
  odoo 3D with google model-viewer AndreaPiovesana ( openindustry.it ) Odoo Experience 2020
• 3.
  Purpose 3D widget tovisualize 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 ofbig players https://www.khronos.org/gltf/
• 9.
  glTF format https://www.khronos.org/gltf/ GLB isthe glTF binary format
• 10.
  Browser render withGPU current v2.0 2017-01-17 started 2011 https://www.khronos.org/webgl/ Firefox 51 Chrome 56
• 11.
  three.js javascript library current r1202020-08-25 started 2013 https://github.com/mrdoob/three.js
• 12.
  Google model-viewer glTF easyfor 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 current85 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 morethan 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 augmentedreality - 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/ LorenzoBattistini @eLBaddi lb@takobi.online https://takobi.online/