tangning
a7ab5f7345
1aa
|
5 bulan lalu | |
|---|---|---|
| public | 5 bulan lalu | |
| src | 5 bulan lalu | |
| .browserslistrc | 5 bulan lalu | |
| .eslintrc.js | 5 bulan lalu | |
| .gitignore | 5 bulan lalu | |
| LICENSE.txt | 5 bulan lalu | |
| README.md | 5 bulan lalu | |
| babel.config.js | 5 bulan lalu | |
| firebase.json | 5 bulan lalu | |
| package-lock.json | 5 bulan lalu | |
| package.json | 5 bulan lalu | |
| tsconfig.json | 5 bulan lalu | |
| vue.config.js | 5 bulan lalu | |
| yarn.lock | 5 bulan lalu |
README.md
Three USDZ Loader
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.
Features
- 100% frontend (no backend or GLTF converter of some sort)
- Uses ThreeJS + Vue + Vuetify + Typescript
Demo
This repository build is published to usdz-viewer.net
How to use
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
How to publish
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",
},