Skip to content
Snippets Groups Projects
Commit e28598b8 authored by Camille PILLOT's avatar Camille PILLOT
Browse files

revert: auto activate AR mode

parent 60bb4e35
No related branches found
No related tags found
No related merge requests found
Show whitespace changes
Inline Side-by-side
Showing
with 5 additions and 18 deletions
model-viewer/index.html
+ 5
− 18
View file @ e28598b8
......@@ -6,20 +6,19 @@
src="https://ajax.googleapis.com/ajax/libs/model-viewer/3.1.1/model-viewer.min.js"
></script>
<style>
div {
height: 100svh;
width: 100svw;
}
model-viewer {
height: inherit;
width: inherit;
}
.host {
height: 100svh;
width: 100svw;
}
.button {
display: flex;
justify-content: center;
align-items: center;
padding: 9px 12px;
gap: 8px;
height: 40px;
width: 172px;
border: none;
......@@ -27,7 +26,6 @@
border-radius: 20px;
cursor: pointer;
}
.label {
line-height: 22px;
font-size: 17px;
......@@ -38,11 +36,10 @@
</style>
</head>
<body>
<div>
<div class="host">
<model-viewer
src="deer/scene.gltf"
ar
ar-modes="scene-viewer quick-look"
shadow-intensity="1"
camera-controls
touch-action="none"
......@@ -53,14 +50,4 @@
</model-viewer>
</div>
</body>
<footer>
<script type="module">
window.addEventListener("load", () => {
const modelViewer = document.querySelector('model-viewer');
if (modelViewer.canActivateAR) {
modelViewer.activateAR();
}
});
</script>
</footer>
</html>
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment