diff --git a/public/index.html b/public/index.html index 95ab6173d2a7f3f3c9d96794ce3d14406e85ae2c..cb72d7ccb55346d3aa26869b8442eeb26d75a0b9 100644 --- a/public/index.html +++ b/public/index.html @@ -1,21 +1,23 @@ <!doctype html> <html> + <head> <meta charset="UTF-8"> <meta name="viewport" - content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> + content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <title>Cube Demo</title> <!-- three.js --> <script src="https://unpkg.com/three@0.126.0/build/three.js"></script> </head> + <body> -<!-- Starting an immersive WebXR session requires user interaction. + <!-- Starting an immersive WebXR session requires user interaction. We start this one with a simple button. --> -<button onclick="activateXR()">Start Cube Demo</button> -<script> -async function activateXR() { + <button onclick="activateXR()">Start Cube Demo</button> + <script> + async function activateXR() { // Add a canvas element and initialize a WebGL context that is compatible with WebXR. const canvas = document.createElement("canvas"); document.body.appendChild(canvas); @@ -93,6 +95,7 @@ session.requestAnimationFrame(onXRFrame); } -</script> + </script> </body> + </html>