-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
199 lines (165 loc) · 6.61 KB
/
index.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
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>The Pirate Museum by @edent</title>
<meta name="description" content="The Pirate Museum">
<script src="js/aframe.js"></script>
</head>
<script>
var msgPoppies = "Poppy Flowers (also known as Vase and Flowers and Vase with Viscaria) is a painting by Vincent van Gogh with an estimated value of $50 million. It was stolen from Cairo's Mohamed Mahmoud Khalil Museum in August 2010.";
var msgRembrandt = "The small self-portrait on copper by Rembrandt was stolen from Nationalmuseum in Stockholm in an armed robbery in December 2000. It was recovered in Copenhagen in 2005. ";
var msgWellington = "The Portrait of the Duke of Wellington is a painting by the Spanish artist Francisco Goya. It was stolen on 21st of August 1961.";
var msgMoore = "Draped Seated Woman is a bronze sculpture by the British artist Henry Moore, made in the 1950s. The sculpture depicts a female figure in a seated position. It was pirated from Hebrew University Campus in 2014.";
var msgGoslar = "Goslar Warrior is a bronze sculpture by Henry Moore. It was pirated in 2015.";
var msgVenus = "The Venus de Milo was 3D scanned from a plaster cast by Cosmo Wenman.";
var msgFaun = "The Dancing Faun was found in the ruins of Pompeii. It was 3D scanned from a plaster cast by Cosmo Wenman.";
var msgHepworth = "Figure for Landscape is a bronze sculpture by Barbara Hepworth, modeled in 1960. It was pirated in 2013.";
function say(message) {
var msg = new SpeechSynthesisUtterance();
var voices = window.speechSynthesis.getVoices();
msg.voice = voices[2]; // Note: some voices don't support altering params
msg.voiceURI = 'native';
msg.volume = 1; // 0 to 1
msg.rate = 1; // 0.1 to 10
msg.pitch = 0; //0 to 2
msg.text = message;
msg.lang = 'en-GB';
speechSynthesis.speak(msg);
}
</script>
<body>
<a-scene>
<a-assets>
<!-- Textures -->
<img id="floor" src="img/floor.jpg" crossorigin="anonymous">
<img id="marble" src="img/Marble_pattern_008.jpg" crossorigin="anonymous">
<!-- Paintings -->
<img id="wellington" src="img/Francisco_Goya_-_Portrait_of_the_Duke_of_Wellington.jpg" crossorigin="anonymous">
<img id="poppies" src="img/Van_Gogh_-_Vase_mit_Pechnelken.jpeg" crossorigin="anonymous">
<img id="rembrandt" src="img/Rembrandt_Harmensz._van_Rijn_-_Selfportrait_-_Google_Art_Project.jpg" crossorigin="anonymous">
<!-- Frames -->
<a-asset-item id="framebaroque-obj" src="obj/framebaroque32k.obj"></a-asset-item>
<a-asset-item id="frame1-obj" src="obj/picture_frame1.obj"></a-asset-item>
<a-asset-item id="frame2-obj" src="obj/picture_frame2.obj"></a-asset-item>
<!-- Sculptures -->
<a-asset-item id="moore-obj" src="obj/moore32k.obj"></a-asset-item>
<a-asset-item id="goslar-obj" src="obj/goslar32k.obj"></a-asset-item>
<a-asset-item id="venus-obj" src="obj/venus32k.obj"></a-asset-item>
<a-asset-item id="faun-obj" src="obj/faun32k.obj"></a-asset-item>
<a-asset-item id="hepworth-obj" src="obj/hepworth32k.obj"></a-asset-item>
<!-- Colour Pallet -->
<a-mixin id="blue" material="color: blue"></a-mixin>
<a-mixin id="blue-hovered" material="color: magenta"></a-mixin>
<a-mixin id="red" material="color: red"></a-mixin>
</a-assets>
<a-sky src="img/sky.jpg" radius="1200"></a-sky>
<a-entity
obj-model="obj: #framebaroque-obj;"
material="color: red"
scale=".01 .01 .01"
rotation="0 0 0"
position="0 1 -6"></a-entity>
<a-image
src="#rembrandt"
width="1" height="1.24"
position="0 1 -6"
onclick="say(msgRembrandt);"></a-image>
<a-entity
obj-model="obj: #moore-obj"
material="color:#465945"
scale="1 1 1"
rotation="0 180 0"
position="6 -0.5 -6"
onclick="say(msgMoore);"></a-entity>
<a-entity
obj-model="obj: #frame1-obj"
scale=".01 .01 .01"
rotation="0 -90 0"
position="6 1 0"
class="clickable"
mixin="blue"></a-entity>
<a-image
src="#wellington"
width="1.4" height="1.7"
rotation="0 -90 0"
position="6 1 0"
onclick="say(msgWellington);"></a-image>
<a-entity
obj-model="obj: #goslar-obj"
material="color:#CD7F32"
scale="1 1 1"
rotation="0 145 0"
position="6 -1.3 4"
onclick="say(msgGoslar);"></a-entity>
<a-entity
obj-model="obj: #faun-obj"
material="color: red"
scale=".004 .004 .004"
rotation="0 180 0"
position="0 0 6"
onclick="say(msgFaun);"
></a-entity>
<a-box color="red"
depth="1.5" height="1" width="1"
position="0 -0.5 6"
></a-box>
<a-entity
obj-model="obj: #hepworth-obj"
material="color: #c0c0c0; roughness: .5; metalness: .5"
scale="1 1 1"
rotation="0 0 0"
position="-6 0 6"
onclick="say(msgHepworth);"></a-entity>
<a-box
material="color: #c0c0c0; roughness: .5; metalness: .5"
depth="1.5" height="1" width="1"
position="-6 -0.5 6"
></a-box>
<a-entity
obj-model="obj: #frame2-obj"
material="color:#826644"
scale=".0085 .01 .01"
rotation="0 90 90"
position="-6 0.08 0"></a-entity>
<a-image
src="#poppies"
width="1" height="1.2"
position="-5.9 1 0.9"
rotation="0 90 0"
onclick="say(msgPoppies);"></a-image>
<a-entity
obj-model="obj: #venus-obj"
material="color:#e6e6fa"
scale="1 1 1"
rotation="0 45 0"
position="-6 0 -6"
onclick="say(msgVenus);"></a-entity>
<a-box
material="shader: flat; src: #marble;"
depth="1" height="1" width=".85"
rotation="0 45 0"
position="-6.05 -0.5 -6.1"
></a-box>
<a-entity camera look-controls wasd-controls position="0 1 0">
<a-entity cursor="fuse: true; maxDistance: 4; timeout: 500"
position="0 0 -1"
scale="0.01 0.01 0.01"
geometry="primitive: ring"
material="color: white; shader: flat">
</a-entity>
</a-entity>
<!-- <a-entity light="type: ambient; color: #CCC"></a-entity> -->
<a-entity light="type: point; intensity: 0.75; distance: 20; decay: 1"
position="0 0 0"></a-entity>
<a-entity light="type: point; intensity: 1; distance: 20; decay: 1"
position="-10 10 -10"></a-entity>
<a-entity light="type: point; intensity: 1; distance: 20; decay: 1"
position="10 0 10"></a-entity>
<a-entity geometry="primitive: plane; height: 30; width: 30"
position="0 -0.5 0"
rotation="-90 0 0"
material="shader: flat; src: #floor; repeat: 30 30"></a-entity>
</a-scene>
</body>
</html>