<!doctype HTML>
<html>
<!-- A-Frame ライブラリの読み込み -->
<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" />
<script src="https://aframe.io/releases/1.0.0/aframe.min.js"></script>
<!-- AR.js ライブラリの読み込み -->
<script src="https://cdn.rawgit.com/jeromeetienne/AR.js/2.2.0/aframe/build/aframe-ar.js"></script>
</head>
<body style='margin:0px; overflow:hidden;'>
<!-- こっからA-Frame -->
<a-scene embedded arjs><!--="debugUIEnabled:false;trackingMethod:best;" vr-mode-ui="enabled: false"--->
<!-- こっからARの世界。マーカー上になにを展開するかを書く -->
<a-marker preset="custom" type="pattern" url='pattern-koryo.patt'>
<!--objファイル: 形 mtlファイル: 表面 mtlなしでは透明になってしまう--->
<a-entity
obj-model="obj: url(kouryouma-ku.obj);
mtl: url(kouryouma-ku.mtl)"
scale="0.02 0.02 0.02"
rotation="0 90 0"
>
</a-entity>
<!--scale:サイズ rotation: 角度 -90??-->
</a-marker>
<!-- arなのでカメラが必要 -->
<a-entity camera></a-entity>
</a-scene>
<script>
function jump(){
if (confirm("ジャンプしますか？")==true)
//OKなら〇〇ページにジャンプさせる
location.href = "https://www.sakatakoryo-h.ed.jp";
}
</script>
<input type="button" name="link" value="ジャンプ " onclick="jump()">
<!-- ここまででA-Frameおわり -->
</body>
</html>
