This is a demo project showing how to load a USDZ file with ThreeJS (Pixar Universal Scene Description) in a 100% frontend based application. For more information about the USDZ loader used in this demo please take a look at the loader package three-usdz-loader.
- 100% frontend (no backend or GLTF converter of some sort)
- Uses ThreeJS + Vue + Vuetify + Typescript
This repository build is published to usdz-viewer.net
Clone the repository
git clone https://github.com/ponahoum/usdz-web-viewer.git
cd .\usdz-web-viewer\
Install Vue Cli and the dependencies
npm install -g @vue/cli
npm install
Copy the WebAssembly dependencies to your public folder
npm run copydeps
Run the development server
npm run serve
Build the app
npm run build
Make sure you enabled the headers required to use SharedArrayBuffer
headers: {
"Cross-Origin-Embedder-Policy": "require-corp",
"Cross-Origin-Opener-Policy": "same-origin",
},