Newer
Older
escapegame-2022 / yuto / game / AR-scan.html
@Yuto Togashi Yuto Togashi on 14 Jun 2022 1 KB fix source of image
<!DOCTYPE html>
<html lang="ja">

<head>
  <title>AR読み取り|庄内XR謎解きゲーム</title>
  <link rel="stylesheet" type="text/css" href="nazotoki.css">
  <script src="https://aframe.io/releases/1.0.0/aframe.min.js"></script>
  <script src="https://raw.githack.com/AR-js-org/AR.js/master/aframe/build/aframe-ar.js"></script>
</head>

<body style="margin: 0px; overflow: hidden;">
  <a-scene embedded arjs>
    <a-marker type="pattern" url="pattern-nazo1.patt">
      <a-image id="nazo1" src="../picture/question1.png" rotation="-90 0 0" width="1.6" height="1.2">
    </a-marker>
    <a-marker type="pattern" url="pattern-nazo2.patt">
      <a-image id="nazo2" src="../picture/question2.png" rotation="-90 0 0" width="1.6" height="1.2">
    </a-marker>
    <a-marker type="pattern" url="pattern-nazo3.patt">
      <a-image id="nazo3" src="../picture/question3.png" rotation="-90 0 0" width="1.6" height="1.2">
    </a-marker>
    <a-marker type="pattern" url="pattern-nazo4.patt">
      <a-image id="nazo4" src="../picture/question4.png" rotation="-90 0 0" width="1.6" height="1.2">
    </a-marker>
    <a-marker type="pattern" url="pattern-nazo5.patt">
      <a-image id="nazo5" src="../picture/question5.png" rotation="-90 0 0" width="1.6" height="1.2">
    </a-marker>
    <a-marker type="pattern" url="pattern-extra.patt">
      <a-image id="nazoEX" src="../picture/extra.png" rotation="-90 0 0" width="1.6" height="1.2">
    </a-marker>
    <a-entity camera></a-entity>
  </a-scene>
</body>
</html>