-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
156 lines (152 loc) · 7.16 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="icon" type="image/x-icon" href="https://artificialmuseum.com/favicon.ico">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Artificial Museum</title>
<link type="text/css" rel="stylesheet" href="/main.css">
<meta property="og:title" content="Artificial Museum">
<meta name="theme-color" content="#000000">
</head>
<body>
<div id="app">
<header class="main">
<div class="logo"><svg viewbox="0 0 54 60">
<path class="logoPath" d="M36 0v10h9v40h-9v10h18V0zM0 0v60h18V50H9V10h9V0z" fill="#0c0c0c" />
</svg> <span>Artificial Museum</span></div>
</header><noscript>
<div class="content">
<h3>Welcome to the Artificial Museum.</h3>
<p>This is a bridge from the analog to the digital world.</p>
<p>Unfortunately, we also require javascript, which is either disabled or missing in your current browser.</p>
<p>We promise to never track, analyze, or save any data about you.</p>
</div>
</noscript>
<div class="warning" id="warning">
<div class="container">
<div class="ios w">
<p class="no-webxr w">Your device supports augmented reality applications, but this browser does not.</p>
<p class="all w">Please download the <a target="_blank"
href="https://apps.apple.com/us/app/webxr-viewer/id1295998056" rel="nofollow noreferrer noopener">Mozilla
Webxr Viewer</a> for a better experience in the Artificial Museum.<a class="button styled margin"
href="https://apps.apple.com/us/app/webxr-viewer/id1295998056" rel="nofollow noreferrer noopener">Install
Webxr Viewer</a></p>
</div>
<div class="android w">
<p class="no chrome w">Currently, only Blink based browsers support augmented reality. This includes Brave
Browser, Google Chrome, Samsung Browser and others.</p>
<p class="old chrome w">Your version of chrome is too old and does not support augmented reality.</p>
<p class="all w">To get access to ar, please update your browser. <a class="button styled margin"
target="_blank"
href="https://play.google.com/store/apps/details?id=com.android.chrome&hl=en_US&gl=US"
rel="nofollow noreferrer noopener">Update Chrome.</a><a class="button styled margin" target="_blank"
href="https://play.google.com/store/apps/details?id=com.brave.browser"
rel="nofollow noreferrer noopener">Update Brave.</a></p>
</div>
<div class="macos w">
<p class="safari w">Please use a different browser for the artificial museum, this browser is missing some
critical features and will not provide an optimal experience.</p>
</div>
<p>If you insist on continuing, just press this button:</p><button class="styled"
id="close-warning">Understood</button>
</div>
</div>
<div class="warning" id="timeout-warning">
<div class="container">
<div class="cancel-button" id="timeout-warning-cancel">x</div><svg viewBox="0 0 600 600">
<g fill="#fafafa">
<path d="M181 600H0V0h181v98H98v400h83zm238 0h181V0H419v98h79v400h-79z" />
<path class="rotate"
d="M211 313c4 0 12-22 8-26l-61 4-7 22c15 0 49 8 60 0zm34 68l-15-26-38 49 12 19c11-12 38-31 41-42zm-19-139c4 3 23-12 23-19l-53-27c-7 0-15 8-19 12 12 11 34 34 49 34zm65-42h30l-19-57-27-3c4 15 8 49 16 60zm67 19l16 26c3 4 37-34 41-41 0-12-7-15-11-23zm31 68l-8 30 61-11 7-23c-19 0-53-4-60 4zm-12 75l-26 15 49 38 23-11c-15-12-34-38-46-42zm-60 38l-30-8c-4 4 7 53 11 61l23 7z" />
</g>
</svg>
<div id="timeout-warning-header">Loading artifacts for the first time might take a while.</div>
<div id="timeout-warning-info">The artifact is loading, your connection seems to be slow.</div>
<div id="timeout-warning-webgl-disabled">
<h2>Webgl not supported.</h2>
<p>Your device does not support webgl.</p><button class="styled margin inverse"
id="timeout-warning-webgl-disabled-ok-button">Close</button>
</div>
<div id="timeout-warning-header-done">
<p>Finished loading.</p>
<p>:)</p>
</div><button class="styled margin inverse" id="timeout-warning-confirm" disabled="true">Enter
Experience</button>
</div>
</div>
</div>
<h1>Welcome to the Artificial Museum Sandbox</h1>
<div>This page loads your artifact in it's current state.</div>
<div>To change anything about it, change CustomScene.js or artifact.js in Glitch</div>
<button id="show-artifact">Show Artifact</button>
<div id="hud"><img id="hud-exit-button" src="https://static.artificialmuseum.com/button/exit.svg" alt="Exit"
title="Exit Experience">
<div class="w" id="hud-searching-hittest"><img src="https://static.artificialmuseum.com/three/search_floor.svg"
alt="" role="presentation">
<p>searching for floor</p>
</div>
<div class="w" id="hud-swipe-to-remove"><img src="https://static.artificialmuseum.com/three/swipe.svg" alt=""
role="presentation">
<p>swipe to reposition</p>
</div>
<div id="toggle-animation-button"><svg class="play" viewbox="0 0 116 175">
<path d="M10 155v-136l90 68z" fill="#fafafa" stroke="#0c0c0c" stroke-width="20"></path>
</svg><svg class="pause" viewbox="0 0 128 176">
<g fill="#fafafa" stroke="#0c0c0c" stroke-width="18.975">
<path d="M45.512 166.512H9.488V9.488h36.024zM119.512 166.512H83.488V9.488h36.024z"></path>
</g>
</svg></div>
<div id="hud-menu"><button id="hud-menu-toggle">toggle menu</button>
<div id="hud-menu-sub"><button id="hud-menu-reposition">reposition model</button><button
id="hud-menu-record-video">record video</button></div>
</div>
</div>
<div id="three-container"></div>
<script>
window.APP_DB = {
"SCENE_TYPES": {
"Hit": 1,
"Float": 2,
"KinectCloud": 3,
"Displacement": 4,
"Bubbles": 5,
"LightCube": 6,
"FakeMirror": 7,
"BrainWave": 8,
"Latk": 9,
"MolecularVortex": 10,
"Ply": 11,
"LiquidDisplacement": 12,
"GreenscreenPlane": 13,
"LiquidLitto": 14,
"GameoverOrReplay": 15,
"Moon": 16,
"NadiasVision": 17,
"AudioAnalyserLights": 18,
"PinkBlobs": 19,
"Portal": 20,
"Boids": 21,
"FakeMirrorImages": 22,
"ArtificialRoom": 23,
"LatkVideo": 24,
},
"MESH_TYPES": {
"PLANE": 1,
"CIRCLE": 2,
"RING": 3,
"BOX": 4,
"CUBE": 4,
"SPHERE": 5
}
};
window.MAP_URL = 'https://map{s}.artificialmuseum.com';
window.GLB_URL = 'https://glb.artificialmuseum.com';
window.STATIC_URL = 'https://static.artificialmuseum.com';
window.MEDIA_URL = 'https://media.artificialmuseum.com';
window.ROOT_URL = 'https://staging.artificialmuseum.com';
</script>
<script type="module" src="/main.js"></script>
</body>
</html>