forked from dougsillars/ARtGallery
-
Notifications
You must be signed in to change notification settings - Fork 0
/
ARt2.html
40 lines (31 loc) · 1.54 KB
/
ARt2.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
30
31
32
33
34
35
36
37
38
39
40
<html>
<head>
<script src="https://aframe.io/releases/0.8.0/aframe.min.js"></script>
<script src="https://jeromeetienne.github.io/AR.js/aframe/build/aframe-ar.js"></script>
</head>
<body >
<a-scene embedded arjs='sourceType: webcam;'>
<a-assets>
<img id="b1" src="https://res.cloudinary.com/dougsillars/image/upload/v1552505052/The_Beatles_-_Beatles_For_Sale_yxgfva.jpg">
<img id="b2" src="https://res.cloudinary.com/dougsillars/image/upload/v1552505052/The_Beatles_-_Sgt._Peper_s_Lonely_Hearts_Club_Band_u8utgf.jpg">
<img id="b3" src="https://res.cloudinary.com/dougsillars/image/upload/v1552505052/The_Beatles_-_Abbey_Road_y2fe8s.jpg">
<img id="b3" src="https://res.cloudinary.com/dougsillars/image/upload/v1552505052/The_Beatles_-_Yellow_Submarine_v8lgiy.jpg">
</a-assets>
<a-marker type='pattern'
url='ARMarker/pattern-marker1.patt'>
<a-box position='0 0 0' scale="3.5 0.5 5" src ="#b1" ></a-box>
</a-marker>
<a-marker type='pattern' url='ARMarker/pattern-marker2.patt'>
<a-box position='0 0 0' scale="5 0.5 6" src ="#b2" ></a-box>
</a-marker>
<a-marker type='pattern' url='ARMarker/pattern-marker3.patt'>
<a-box position='0 0 0' scale="5 0.5 2.3" src ="#b3" ></a-box>
</a-marker>
<a-marker type='pattern' url='ARMarker/pattern-marker4.patt'>
<a-entity position='0 0 0' gltf-model ="#b4" ></a-entity>
</a-marker>
<a-entity camera>
</a-entity>
</a-scene>
</body>
</html>