v1.3.0

New features

• 🆕 Added a touch-action attribute, similar to the CSS parameter to control how touch interactions affect <model-viewer> vs scroll. This now defaults to pan-y as this is a significantly better experience on mobile, but in a few cases this might be considered a breaking change. To get the old behavior, simply set touch-action='none'. pan-x is also available for side-scrolling situations, #1566
• 🆕 You can now specify a high-resolution skybox image, see the last example, #1629
• 🆕 The AR button is now visible before loading, and if you desire an AR button without a 3D view, you can accomplish this by using reveal='manual', #1629
• 🆕 Added getDimensions() method returning the size of the model's bounding box, #1632
• 🆕 Added optional parameter to resetTurntableRotation(theta) to manually set model rotation relative to environment/skybox, #1543
• 🆕 Added orbit-sensitivity attribute to control rate of motion from interactions, #1519

Bugfixes

• Not a change, but now with Chrome 86 having rolled out, WebXR mode now works in an iFrame, and also on Android 11.
• Hide the AR button on browsers that don't support AR (Firefox and Oculus), #1649
• Initially hidden hotspots are now properly hidden until revealed by model rotation, #1604
• Removed extra 750ms of prompt delay, so that setting delay to zero causes the prompt to show immediately, #1553
• Fixed canvas rounding that resulted in blurred renders on Windows, #1506

Other notable changes

• Major update to our documentation and example pages to make them easier to navigate, #1565
• Added examples for lazy-loading <model-viewer> to optimize Lighthouse scores for page performance, #1528
• Added a panning example, #1547
• Upgraded to Three.js r121.1, #1577

Known issues

• We do not yet have a way to specify a hotspot that follows an animated model, but we plan to.