CebulaPlotter/index.html at master · zbigniewcebula/CebulaPlotter · GitHub

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
<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>CebulaPlotter by zbigniewcebula (2018)</title>
		<script>
			if (!(window.File && window.FileReader && window.FileList && window.Blob)) {
				alert('Browser does not support reading external files!');
			}
		</script>
		<script src="three.min.js"></script>
		<link rel="stylesheet" type="text/css" href="./style.css">
	</head>
	<body>
		<div id="container">
		</div>
		<div id="logo_div">
			<a href="http://onionmilk.org">
				<img id="logo" src="./img/onionmilk.png" alt="OnionMilk.org" />
			</a>
		</div>
		<div id="data_div">
			<div id="upload_div">
				<label for="upload">
					<img id="upload_icon" src="./img/upload_icon.png" alt="UPLOAD" />
				</label>
				<input id="upload" type="file" name="uploadedFile"/>
			</div>

			<div id="url_div">
				<img id="url_icon" src="./img/globe_icon.png" alt="URL" />
			</div>

			<div id="upload_info"></div>
			<br /><br /><br /><br />
			<div id="parse_info"></div>
			<br /><br /><br /><br />
			<div id="ray_info"></div>
		</div>
		<div id="log"></div>

		<div id="controls">
			<table>
				<tr>
					<td>Movement:</td><td>WSAD+QE<br />Arrows+PgUpPgDown</td>
				</tr>
				<tr>
					<td>Look:</td><td>Left Mouse Button + Mouse Movement</td>
				</tr>
				<tr>
					<td>Zoom in/out:</td><td>+ / - / Scroll Wheel</td>
				</tr>
				<tr>
					<td>Camera reset:</td><td>Space</td>
				</tr>
				<tr>
					<td>Generate Random Set:</td><td>` (~)</td>
				</tr>
			</table>
		</div>
	</body>
	<script src="main.js"></script>
</html>