/Web-AR

Render .usdz models and .glb models straight into your browser using only HTML, CSS and Javascript.

Primary LanguageJavaScriptCreative Commons Zero v1.0 UniversalCC0-1.0

Web AR: Displaying 3D Models on your browser

banner

Web AR Repository allows you to render your 3D GLB/USDZ models straight in your browser. To render your own models, follow the steps-

  1. Fork/Clone this repository.
  2. Upload your .glb or .usdz model in your GitHub repo.
  3. In index.html file, on line 12, you will notice the following lines-
<model-viewer src="Astronaut.glb"                  
ios-src="Astronaut.usdz"
  1. Replace Astronaut.glb / Astronaut.usdz with the name of your own .glb / .usdz model.
  2. Publish your website on GitHub Pages. To view the GitHub page for this repository, click here.

For a detailed tutorial, click here.