-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathindex.html
executable file
·104 lines (85 loc) · 4.77 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
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>SumoViz3D</title>
<link type="text/css" href="css/ui-darkness/jquery-ui-1.8.21.custom.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="css/screen.css" />
<link rel="stylesheet" type="text/css" href="css/jquery.miniColors.css" />
</head>
<body>
<div id="container"></div>
<div id="hud">
<img class="pull-left" src="img/logo.png" alt="" />
<div id="loadbutton" href="" class="ui-state-default ui-corner-all pull-left"><span class="ui-icon ui-icon-folder-open">load</span></div>
<div id="playbutton" href="" class="ui-state-default ui-corner-all pull-left"><span class="ui-icon ui-icon-play">play</span></div>
<div class="pull-left" id="slider-range-min"></div>
<div class="pull-left" id="frameCounter">0/0</div>
<div id="nextbutton" href="" class="ui-state-default ui-corner-all pull-left"><span class="ui-icon ui-icon-seek-prev">prev</span></div>
<div id="prevbutton" href="" class="ui-state-default ui-corner-all pull-left"><span class="ui-icon ui-icon-seek-next">next</span></div>
<div id="settingsbutton" href="" class="ui-state-default ui-corner-all pull-left"><span class="ui-icon ui-icon-wrench">settings</span></div>
<div id="screenshotbutton" onclick="downloadScreen()" class="ui-state-default ui-corner-all pull-left"><span class="ui-icon ui-icon-image">download</span></div>
</div>
<div id="settings">
<label>use 3d model</label><input type="checkbox" id="3dmodel" /><br />
<label>coloring:</label>
<select id="pedestriancoloring">
<option value="density">by density</option>
<option value="groups">by groups</option>
<option value="speed">by speed</option>
</select><br />
<label>show grid:</label><input type="checkbox" id="showgrid" checked="checked" /><br />
<label>floor texture:</label>
<select id="floortexture">
<option value="textures/gray.jpg">none</option>
<option value="textures/grass.jpg">grass</option>
<option value="textures/earth.jpg">earth</option>
<option value="textures/concrete.jpg">concrete</option>
</select><br />
<label>wall texture:</label>
<select id="walltexture">
<option value="textures/gray.jpg">none</option>
<option value="textures/grass.jpg">grass</option>
<option value="textures/earth.jpg">earth</option>
<option value="textures/concrete.jpg">concrete</option>
</select><br /><br />
<a class="button fullwidth" href="javascript:clearSettings()">Delete custom settings</a>
</div>
<div id="importer">
<label>simulations:</label>
<select id="simulation-selector">
</select><br /><br />
<a class="button fullwidth" href="javascript:loadData()">open</a><br /><br />
<hr /><br />
<form action="upload" method="POST" id="uploadform" name="uploadform">
<input type="file" name="uploadfile" id="uploadfile" /><br /><br />
<a class="button fullwidth" onclick="$('#uploadform').submit()">upload file</a>
</form>
</div>
<div id="object-settings">
<label>type:</label> <span class="code">none</span><br />
<div class="colorer"><label>color:</label> <input type="hidden" id="objectColor" /><br /><br /></div>
<!--<label>height:</label> <input type="number" min="0.1" max="50" step="0.5" size="5" id="objectHeight" /> m<br />!-->
<div class="converter"><a class="button" href="javascript:convertObject('tree')">Convert to tree</a> <a class="button" href="javascript:convertObject('plant')">Convert to plant</a><br /><br /></div>
<a class="button fullwidth" id="deleteObject" href="javascript:deleteObject()">Delete this object</a>
</div>
<div id="legend">
<div id="scale">grid pitch<hr /><span>0.0 m</span></div>
<div id="scale-coloring"><div class="colortype"></div><div class="colorspace"><span class="min">min</span><span class="max">max</span></div></div>
</div>
</body>
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.21.custom.min.js"></script>
<script src="js/FileSaver.js"></script>
<script src="js/canvas-toBlob.min.js"></script>
<script src="js/three.min.js"></script>
<script src="js/ColladaLoader.js"></script>
<script src="js/Stats.js"></script>
<script src="data/corridor.js"></script>
<script src="js/THREEx.requestAnimationFrame.js"></script>
<script src="js/THREEx.WindowResize.js"></script>
<script src="js/jquery.miniColors.min.js"></script>
<script src="js/Controls.js"></script>
<script src="js/SumoViz3D.js"></script>
</script>
</html>