-
Notifications
You must be signed in to change notification settings - Fork 0
/
aframe.html
52 lines (45 loc) · 1.91 KB
/
aframe.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
41
42
43
44
45
46
47
48
49
50
51
52
<!DOCTYPE html>
<HEAD>
<title>PixieMarkers</title>
<meta name="description" content="PixieMarkers" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<script src="https://aframe.io/releases/0.5.0/aframe.min.js"></script>
<script src="./libs/three.js/three.js"></script>
<script src="libs/three.js/ar.js"></script>
<script src="./libs/aframe/aframe-ar.js"></script>
<script src="./data/github.js"></script>
</HEAD>
<body style='margin : 0px; overflow: hidden; font-family: Monospace;'>
<a-scene embedded artoolkit='sourceType: webcam; '>
<a-marker url="./assets/patt.bat" type='pattern'>
<a-box id='box' position='0 0.5 0' material='opacity: 0.5; side: double; color:pink;'>
</a-box>
</a-marker>
<a-marker preset='kanji'>
<a-box position='0 0.5 0' material='opacity: 0.5; side: double;color:green;'>
<a-entity ply-model="src: #bb" rotation='-90 0 0'scale='0.02 0.02 0.02'>
<a-animation attribute="rotation" to="360 0 0" dur="5000" easing='linear' repeat="indefinite"></a-animation>
</a-entity>
</a-box>
</a-marker>
<a-marker url="./assets/patt.cat" type='pattern'>
<a-box position='0 0.5 0' material='opacity: 0.5; side: double;color:green;'>
<a-entity ply-model="src: #bb" rotation='-90 0 0'scale='0.02 0.02 0.02'>
<a-animation attribute="rotation" to="360 0 0" dur="5000" easing='linear' repeat="indefinite"></a-animation>
</a-entity>
</a-box>
</a-marker>
<a-marker url="./assets/patt.logo" type='pattern'>
<a-sphere id='sphere' position='0 0.5 0' material='opacity: 0.5; side: double; color:blue;'>
</a-sphere>
</a-marker>
<a-entity camera></a-entity>
</a-scene>
<script>
var commits = getRecent3Commits('https://api.github.com/repos/Polidea/RxAndroidBle/commits')
.then(function(json){
return addTextToElement(json, 'box')
})
</script>
</body>
</html>