diff --git a/packages/modelviewer.dev/examples/annotations/index.html b/packages/modelviewer.dev/examples/annotations/index.html index a684f139e5..eca640b150 100644 --- a/packages/modelviewer.dev/examples/annotations/index.html +++ b/packages/modelviewer.dev/examples/annotations/index.html @@ -174,7 +174,9 @@

Animated Hotspots.

let tailRect; function onResize(){ - baseRect = modelViewer1.getBoundingClientRect(); + const arStatus = modelViewer1.getAttribute('ar-status'); + baseRect = (arStatus == "not-presenting" || arStatus == "failed") ? + modelViewer1.getBoundingClientRect() : new DOMRect(); noseRect = document.querySelector('#nose').getBoundingClientRect(); hoofRect = document.querySelector('#hoof').getBoundingClientRect(); tailRect = document.querySelector('#tail').getBoundingClientRect(); @@ -182,7 +184,16 @@

Animated Hotspots.

window.addEventListener("resize", onResize); - modelViewer1.addEventListener('ar-status', onResize); + modelViewer1.addEventListener('ar-status', (event) => { + lines.forEach((element) => { + if (event.detail.status !== 'session-started') { + element.classList.remove('hide'); + } else { + element.classList.add('hide'); + } + }); + onResize(); + }); modelViewer1.addEventListener('load', () => { onResize(); diff --git a/packages/modelviewer.dev/examples/postprocessing/index.html b/packages/modelviewer.dev/examples/postprocessing/index.html index 5eed990de2..4572a95edd 100644 --- a/packages/modelviewer.dev/examples/postprocessing/index.html +++ b/packages/modelviewer.dev/examples/postprocessing/index.html @@ -305,7 +305,7 @@

Combining Effects