<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0,
maximum-scale=1.0, minimum-scale=1.0, user-scalable=no,
target-densityDpi=device-dpi" content="width=device-width,initial-scale=1"/>
<title>AR班 課題研究</title>
<!-- A-Frame ライブラリの読み込み -->
<script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script>
<script src="https://jeromeetienne.github.io/AR.js/aframe/build/aframe-ar.js"></script>
<script src="js/aframe-extras.js"></script>
<script src="js/aframe-text-geometry-component.min.js"></script>
<script src="./js/aframe-ar.js"></script>
<script src="./js/jquery-3.2.1.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-Frame の VR空間に AR.js を紐づける(デバッグUIを非表示) -->
<a-scene embedded arjs="debugUIEnabled:false;">
<a-assets>
<a-asset-item id="kaken" src="kaken.gltf"></a-asset-item>
</a-assets>
<!-- マーカーを登録(プリセットされている「hiro」マーカー) -->
<a-marker preset="custom" type="pattern" url='pattern-koryo.patt' id="koryomark">
<!-- マーカーの場所に箱を置く(見やすいようにワイヤーフレーム表示) -->
<a-entity
obj-model="obj: url(12222_Cat_v1_l3.obj);
mtl: url(12222_Cat_v1_l3.mtl)"
scale="0.02 0.02 0.02"
rotation="-90 0 0"
>
</a-entity>
</a-marker>
<!-- AR用のカメラを置く -->
<a-entity camera></a-entity>
</a-scene>
<div style="position: fixed; bottom: 150px;">
<input type="button" id="b1" value="change" onclick="click1();">
</div>
<script>
.style.visibility ="hidden";
function click1(){
console.log("click1");
location.href = 'https://www.sakatakoryo-h.ed.jp'
}
</script>
</body>
</html>
