Lowe's 3D Product Viewer

Lowe’s 3D Showroom is a BabylonJS powered 3D asset viewer developed alongside Lowe’s Innovation Labs’ asset pipeline.

Lowe’s 3D Showroom is a BabylonJS powered 3D asset viewer developed alongside Lowe’s Innovation Labs’ asset pipeline.

Overview

This viewer is used to validate and approve photogrammetry scans of Lowe’s products and display them on Lowe’s websites. It is built upon Babylon.js and includes tools for inspecting model quality and adding product metadata. It is written in TypeScript and I led the effort to open source the technology, available at https://github.com/lowes/product-viewer.

Role

I was tasked with replacing the older ThreeJS based viewer with a new web app built from the ground up to be more modular and extensible. We used webpack and npm to create modules and mixins for each use case. I extended the inspector panel with new debug features for testing shadow filtering methods and lighting scenarios so that artists could validate their work. I also open-sourced the project which has since been incorporated into the Lowe’s Open Builder Initiative.

You may read more about this project’s evolution in my blog post

Images