-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathar_test.html
30 lines (29 loc) · 1.58 KB
/
ar_test.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!DOCTYPE html>
<html>
<head>
<title> AR RVR ART </title>
<meta name="viewport" content="width=device-width,height=device-height">
<meta name="apple-mobile-web-app-capable" content="yes">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script>
<script src="https://cdn.rawgit.com/jeromeetienne/AR.js/1.5.5/aframe/build/aframe-ar.js"></script>
</head>
<body>
<a-scene id="scene" arjs='trackingMethod:best; debugUIEnabled:false;' vr-mode-ui="enabled: false" ar-template>
<a-assets>
<!-- Texture Image -->
<img id="texture" src="img/birdone.png">
</a-assets>
<!--<a-marker preset="hiro">-->
<a-marker id="marker2" type='pattern' url='markers/birdone.patt'>
<!--<a-box position='0 0 0' material='color: red;'></a-box>-->
<a-plane id="img-map" scale ="16 8 16" position='0 0.2 0' rotation="-90 0 0" material='transparent:true;src:#texture'></a-plane>
<!--<a-entity text="font: https://cdn.aframe.io/fonts/mozillavr.fnt; value: Fun Moments"></a-entity>-->
</a-marker>
<!-- Camera c -->
<a-entity camera></a-entity>
</a-scene>
</body>
</html>