index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>AR Extended</title>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, user-scalable=no"
    />
    <link type="text/css" rel="stylesheet" href="style.css" />
    <script
      src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r126/three.js"
      crossorigin="anonymous"
    ></script>
  </head>

  <body>
    <div id="hud">
      <p><strong>Instrucciones</strong></p>
      <ul>
        <li>
          Mueve tu dispositivo para encontrar una superficie (aparecerá un
          anillo).
        </li>
        <li>
          Toca la pantalla para colocar una figura en la ubicación del anillo.
        </li>
      </ul>
    </div>

    <script type="module" src="./script.js"></script>
  </body>
</html>