retrovrs / usdz-web-viewer

A simple USDZ file web based viewer (with ThreeJs + Vue)

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",
},