<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>AR-marker_based</A-marker_based></title>
<!-- A-Frame 繝ｩ繧､繝悶Λ繝ｪ縺ｮ隱ｭ縺ｿ霎ｼ縺ｿ -->
<script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
<script src="https://rawgit.com/rdub80/aframe-gui/master/dist/aframe-gui.min.js"></script>
<script src="https://rawgit.com/rdub80/aframe-gui/master/dist/aframe-gui.js"></script>
<!-- AR.js 繝ｩ繧､繝悶Λ繝ｪ縺ｮ隱ｭ縺ｿ霎ｼ縺ｿ -->
<script src="https://raw.githack.com/AR-js-org/AR.js/master/aframe/build/aframe-ar.js"></script>
<script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
<script src="https://unpkg.com/aframe-look-at-component@0.8.0/dist/aframe-look-at-component.min.js"></script>
<script src="https://cdn.rawgit.com/donmccurdy/aframe-extras/v4.2.0/dist/aframe-extras.min.js"></script>
<!-- jquery 繝ｩ繧､繝悶Λ繝ｪ縺ｮ隱ｭ縺ｿ霎ｼ縺ｿ -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<!-- 騾壼ｸｸ縺ｮcss縺ｨjs縺ｮ隱ｭ縺ｿ霎ｼ縺ｿ -->
<link rel="stylesheet" href="index.css">
<script src="script.js" defer="defer"></script>
</head>
<body style="margin:0px; overflow:hidden;">
<!-- A-Frame 縺ｮ VR遨ｺ髢薙↓ AR.js 繧堤ｴ舌▼縺代ｋｼ医ョ繝舌ャ繧ｰUI繧帝撼陦ｨ遉ｺｼ -->
<a-scene embedded arjs="debugUIEnabled:false;">
<!-- <a-assets>
<a-asset-item id="char" src="mashiro.gltf"></a-asset-item>
</a-assets> -->
<a-marker preset="hiro">
<!-- <a-entity
scale="1 1 1"
position="5 0 -10"
animation="property:rotation; dur:10000; from : 0 0 0; to : 0 360 0;loop : -1 ; easing:linear;"
gltf-model="#char">
</a-entity> -->
<a-box
position="0 0.5 0"
wireframe="true"
animation="property:rotation; dur:10000; from : 0 0 0; to : 0 360 0;loop : -1 ; easing:linear;">
</a-box>
</a-marker>
</a-marker>
<a-entity camera>
<a-gui-cursor id="cursor" fuse="true" fuse-timeout="1000" design="ring"></a-gui-cursor>
</a-entity>
</a-scene>
<div id="stamp-list">
<a href="https://www.yatex.org/gitbucket/Fumiya238/AR-project/pages/stamp-list/StampList.html"><p>繧ｹ繧ｿ繝ｳ繝嶺ｸ隕ｧ縺ｸ</p></a>
<button id="stampback">髢峨§繧</button>
</div>
<button id="camera-back"><img src="img/cancel.svg"></button>
<div class="btn-list">
<button id="back"><img src="img/chevron-up.svg" alt=""></button>
<button id="info"><img src="img/info.png" alt=""></button>
<button id="stamp"><img src="img/stamp.png" alt=""></button>
<button id="camera"><img src="img/camera.svg" alt=""></button>
</div>
<div class="info">
<img src="img/MainImg-1.jpg">
<div>
<h1>髯ｶ闃ｸ謨吝ｮ､</h1>
<hr>
<p>
繧ｵ繝ｳ繝励Ν縺ｮ譁ｫ縺ｧ縺吶
繧ｵ繝ｳ繝励Ν縺ｮ譁ｫ縺ｧ縺吶
繧ｵ繝ｳ繝励Ν縺ｮ譁ｫ縺ｧ縺吶
繧ｵ繝ｳ繝励Ν縺ｮ譁ｫ縺ｧ縺吶
繧ｵ繝ｳ繝励Ν縺ｮ譁ｫ縺ｧ縺吶
繧ｵ繝ｳ繝励Ν縺ｮ譁ｫ縺ｧ縺吶
繧ｵ繝ｳ繝励Ν縺ｮ譁ｫ縺ｧ縺吶
繧ｵ繝ｳ繝励Ν縺ｮ譁ｫ縺ｧ縺吶
繧ｵ繝ｳ繝励Ν縺ｮ譁ｫ縺ｧ縺吶
繧ｵ繝ｳ繝励Ν縺ｮ譁ｫ縺ｧ縺吶
繧ｵ繝ｳ繝励Ν縺ｮ譁ｫ縺ｧ縺吶
繧ｵ繝ｳ繝励Ν縺ｮ譁ｫ縺ｧ縺吶
繧ｵ繝ｳ繝励Ν縺ｮ譁ｫ縺ｧ縺吶
</p>
<button class="backbtn">髢峨§繧</button>
</div>
</div>
<div class="photo-contens">
<img id="snap">
<a href="#" id="delete-photo" title="Delete Photo" class="disabled"><img src="img/bin.svg"></a>
<a href="" id="take-photo" title="Take Photo"><img src="img/camera.svg"></a>
<a href="#" id="download-photo" download="selfie.png" title="Save Photo" class="disabled" target="_blank"><img src="img/download.svg"></a>
</div>
</body>
</html>
