/
index_dynamic.html
100 lines (82 loc) · 2.46 KB
/
index_dynamic.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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>experiment 2.sketch</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--<script src="https://aframe.io/releases/0.3.0/aframe.min.js"></script>-->
<script src="libs/aframe-v0.7.1.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.4.1/d3.min.js"></script>
<script src="https://cdn.rawgit.com/zcanter/aframe-scatterplot/master/dist/a-scatterplot.min.js"></script>
<!--<script src="node_modules/contentful/dist/es-modules/contentful.browser.js"></script>-->
<script src="https://cdn.jsdelivr.net/npm/contentful@latest/dist/contentful.browser.min.js"></script>
<script src="app/main.js"></script>
</head>
<body>
<!-- stats -->
<a-scene id="scene" inspector="url: https://aframe.io/releases/0.3.0/aframe-inspector.min.js">
<a-assets>
<img id="messageSprite" crossorigin="anonymous" src="sprites/sprite_message.png">
<img id="avatarSprite" crossorigin="anonymous" src="sprites/sprite_avatar.png">
<img id="mapSprite" crossorigin="anonymous" src="sprites/sprite_map.png">
<img id="handSprite" crossorigin="anonymous" src="sprites/sprite_hand.png">
</a-assets>
<a-sky color="black"></a-sky>
<!--<a-scatterplot src="url(source/convertcsv.json)"
x="Y" y="Z" z="X" val="SIGNAL_STRENGTH"
colorpreset='cool'
scale="41 21 52.5"
position="-8 -7 -20"
>
</a-scatterplot> -->
<a-image
id="messageUI"
src="#messageSprite"
width="1" height="1"
transparent="true"
position="0 1.73 1.2"
rotation="0 180 0"
material="opacity: 1">
<a-animation
attribute="material.opacity"
dur="1000"
from=".75"
to="1"
repeat="indefinite"
>
</a-animation>
</a-image>
<a-entity id="camera"
camera="userHeight: 1.6"
look-controls
wasd-controls
position="0 0 0"
rotation="0 180 0">
<!--<a-image
id="avatarUI"
src="#avatarSprite"
width="1" height="1"
transparent="true"
position="-0.56 0.25 -0.4"
rotation="0 0 0"
scale=".25 .25 .25"></a-image>
<a-image
id="mapUI"
src="#mapSprite"
width="1" height="1"
transparent="true"
position="0.69 0.24 -0.63"
rotation="0 0 0"
scale=".5 .5 .5"></a-image>
<a-image
id="handUI"
src="#handSprite"
width="1" height="1"
transparent="true"
position="0 -0.1 -0.53"
scale=".75 .75 .75"
rotation="0 0 0"></a-image>-->
</a-entity>
</a-scene>
</body>
</html>