<model-viewer>
<model-viewer> is supported on the last two major versions of all evergreen desktop and mobile browsers, plus the last two versions of Safari (on MacOS and iOS).
﹤model-viewer﹥ Editor - Edit your asset files for 3D & AR
Use the QR Code to open your edited model, environment image, and <model-viewer> snippet on a mobile device to test out AR features. After every subsequent change, click the "Refresh …
<model-viewer> Examples and Documentation
This static, writable property sets <model-viewer> 's internal glTF model cache size, controlling number of individual models that should be cached. Note that any number of models may be …
<model-viewer> FAQ
<model-viewer> supports and plans to support only glTF/GLB 3D models. It is the Khronos standard known as the JPEG of 3D and the first format to standardize Physically-Based …
<model-viewer> Augmented Reality
They compare the <model-viewer> default button in the bottom right and a custom button ("👋 Activate AR") in the top right of the viewport, with a custom style.
<model-viewer> Materials & Scene Examples
Changes you made ahead of time will not be reflected in Scene Viewer, since this app downloads the original model again from its URL. iOS Quick Look will reflect your changes as long as ios …
<model-viewer> Lazy Loading
Lazy Loading. Improve UX with these cost-saving <model-viewer> configurations. This page tests usages of the <model-viewer> element using the poster attribute.
<model-viewer> Annotations
A JavaScript function is used to automatically set the dimension values by querying the <model-viewer> element. Hotspots can be queried to build custom overlays in screen space.
<model-viewer> Staging & Camera Control
Use the camera-controls attribute to enable user interaction <model-viewer camera-controls touch-action="pan-y" src="../../shared-assets/models/Astronaut.glb" alt="A 3D model of an …
<model-viewer> Animation
Play and control several different animations of the model simultaneously or create new modes by combining them!