Skip to content

Commit f73a3e4

Browse files
committed
preloaded htmls
1 parent 2234f3c commit f73a3e4

File tree

3 files changed

+435
-0
lines changed

3 files changed

+435
-0
lines changed

3dsmax1.html

+145
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,145 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<link href="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
5+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jasny-bootstrap/3.1.3/css/jasny-bootstrap.min.css">
6+
<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
7+
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
8+
<script src="https://cdnjs.cloudflare.com/ajax/libs/jasny-bootstrap/3.1.3/js/jasny-bootstrap.min.js"></script>
9+
<script src=https://mrdoob.github.io/three.js/build/three.min.js ></script>
10+
<script src=https://mrdoob.github.io/three.js/examples/js/controls/TrackballControls.js ></script>
11+
<script src=https://mrdoob.github.io/three.js/examples/js/libs/stats.min.js ></script>
12+
<script src=https://cdnjs.cloudflare.com/ajax/libs/dat-gui/0.5/dat.gui.js></script>
13+
<script src=sun-position.js ></script>
14+
<script src=va3c-viewer.js ></script>
15+
<script src="ColladaLoader.js"></script>
16+
<script src=https://mrdoob.github.io/three.js/examples/js/controls/OrbitControls.js ></script>
17+
18+
<style>
19+
html, body {
20+
height: 100%;
21+
margin:0;
22+
overflow:hidden;
23+
}
24+
25+
.navbar-toggle {
26+
float: right;
27+
margin-left: 15px;
28+
}
29+
30+
.navmenu {
31+
z-index: 1;
32+
}
33+
.project
34+
{
35+
position:absolute;
36+
left:15px;
37+
top:-15px;
38+
z-index:1;
39+
}
40+
.canvas {
41+
position: relative;
42+
left: 0;
43+
z-index: 2;
44+
min-height: 100%;
45+
padding: 50px 0 0 0;
46+
background: #fff;
47+
}
48+
49+
@media (min-width: 0) {
50+
.navbar-toggle {
51+
display: block; /* force showing the toggle */
52+
}
53+
}
54+
55+
@media (min-width: 2000px) {
56+
body {
57+
padding: 0;
58+
margin:0;
59+
overflow:hidden;
60+
}
61+
.navbar {
62+
right: auto;
63+
background-color: transparent;
64+
border: none;
65+
}
66+
.navbar-default {
67+
background-color: transparent;
68+
border-color: transparent;
69+
}
70+
.canvas {
71+
padding: 0;
72+
}
73+
}
74+
.styled-select {
75+
background: transparent;
76+
width: 90%;
77+
padding: 5px;
78+
padding-left: 13px;
79+
margin-top: 5px;
80+
color: red;
81+
font-size: 16px;
82+
line-height: 1;
83+
border: 0;
84+
border-radius: 0;
85+
height: 34px;
86+
-webkit-appearance: none;
87+
}
88+
</style>
89+
</head>
90+
91+
<body>
92+
93+
<div class="navmenu navmenu-default navmenu-fixed-right offcanvas">
94+
<a class="navmenu-brand" href="../index.html">va3c Viewer</a>
95+
<ul class="nav navmenu-nav">
96+
<li style="padding-top:25px;padding-left:13px;"><b>EXAMPLES</b></li>
97+
<li><a onclick="loadJS('../json/revit/Project2.rvt.js')">Revit Simple</a></li>
98+
<li><a onclick="loadJS('../json/revit/rac_basic_sample_project.rvt.js')">Revit Complex</a></li>
99+
<li><a onclick="loadJS('../json/TypTower.json')">Grasshopper Simple</a></li>
100+
<li><a onclick="loadJS('../json/MissSpacyEyes.json')">Grasshopper Complex</a></li>
101+
<li><a onclick="loadJS('../json/3dsmax/TransamericaPyramid2.js')">3DS Max</a></li>
102+
<li><a onclick="loadDAE('../json/US_Capitol_Building.dae')">Sketchup</a></li>
103+
<li style="padding-top:25px;padding-left:13px;"><b>CITY</b></li>
104+
<li>
105+
<select class="styled-select" onchange="getComboA(this);">
106+
<option value="New York">New York</option>
107+
<option value="Sao Paulo">Sao Paulo</option>
108+
<option value="Paris">Paris</option>
109+
<option value="Tokyo">Tokyo</option>
110+
<option value="Moscow">Moscow</option>
111+
</select>
112+
</li>
113+
<li style="padding-top:25px;padding-left:13px;"><b>TIME</b></li>
114+
<div style="padding-left:13px;padding-right:13px;">
115+
<li style="padding-top:7px;">Month 1-12<input type="range" name="points" id="month" min="1" max="12" step="1" value="5" onchange="updateLight()"></li>
116+
<li style="padding-top:7px;">Day 1-31<input type="range" name="points" id="day" min="1" max="31" step="1" value="18" onchange="updateLight()"></li>
117+
<li style="padding-top:7px;">Hour 0-24<input type="range" name="points" id="hour" min="1" max="24" step="1" value="24" onchange="updateLight()"></li>
118+
</div>
119+
<li style="padding-top:25px;padding-left:13px;"><b>CAMERA</b></li>
120+
<li><a onclick="resetCamera()">Reset View</a></li>
121+
<li><a onclick="zoomExtents()">Zoom Extents</a></li>
122+
</ul>
123+
</div>
124+
125+
<div>
126+
127+
<script>
128+
var fname = '../json/3dsmax/TransamericaPyramid2.js';
129+
init(fname);
130+
animate();
131+
</script>
132+
</div>
133+
134+
<div class="canvas">
135+
<div style="background-color: transparent;border-color: transparent;" class="navbar navbar-default navbar-fixed-top">
136+
<h1 class="project"><b>va3c viewer</b></h1>
137+
<button style="background-color: rgb(240,240,240);" type="button" class="navbar-toggle expand" data-toggle="offcanvas" data-target=".navmenu" data-canvas="body">
138+
<span class="icon-bar"></span>
139+
<span class="icon-bar"></span>
140+
<span class="icon-bar"></span>
141+
</button>
142+
</div>
143+
</div>
144+
</body>
145+
</html>

grasshopper1.html

+145
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,145 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<link href="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
5+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jasny-bootstrap/3.1.3/css/jasny-bootstrap.min.css">
6+
<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
7+
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
8+
<script src="https://cdnjs.cloudflare.com/ajax/libs/jasny-bootstrap/3.1.3/js/jasny-bootstrap.min.js"></script>
9+
<script src=https://mrdoob.github.io/three.js/build/three.min.js ></script>
10+
<script src=https://mrdoob.github.io/three.js/examples/js/controls/TrackballControls.js ></script>
11+
<script src=https://mrdoob.github.io/three.js/examples/js/libs/stats.min.js ></script>
12+
<script src=https://cdnjs.cloudflare.com/ajax/libs/dat-gui/0.5/dat.gui.js></script>
13+
<script src=sun-position.js ></script>
14+
<script src=va3c-viewer.js ></script>
15+
<script src="ColladaLoader.js"></script>
16+
<script src=https://mrdoob.github.io/three.js/examples/js/controls/OrbitControls.js ></script>
17+
18+
<style>
19+
html, body {
20+
height: 100%;
21+
margin:0;
22+
overflow:hidden;
23+
}
24+
25+
.navbar-toggle {
26+
float: right;
27+
margin-left: 15px;
28+
}
29+
30+
.navmenu {
31+
z-index: 1;
32+
}
33+
.project
34+
{
35+
position:absolute;
36+
left:15px;
37+
top:-15px;
38+
z-index:1;
39+
}
40+
.canvas {
41+
position: relative;
42+
left: 0;
43+
z-index: 2;
44+
min-height: 100%;
45+
padding: 50px 0 0 0;
46+
background: #fff;
47+
}
48+
49+
@media (min-width: 0) {
50+
.navbar-toggle {
51+
display: block; /* force showing the toggle */
52+
}
53+
}
54+
55+
@media (min-width: 2000px) {
56+
body {
57+
padding: 0;
58+
margin:0;
59+
overflow:hidden;
60+
}
61+
.navbar {
62+
right: auto;
63+
background-color: transparent;
64+
border: none;
65+
}
66+
.navbar-default {
67+
background-color: transparent;
68+
border-color: transparent;
69+
}
70+
.canvas {
71+
padding: 0;
72+
}
73+
}
74+
.styled-select {
75+
background: transparent;
76+
width: 90%;
77+
padding: 5px;
78+
padding-left: 13px;
79+
margin-top: 5px;
80+
color: red;
81+
font-size: 16px;
82+
line-height: 1;
83+
border: 0;
84+
border-radius: 0;
85+
height: 34px;
86+
-webkit-appearance: none;
87+
}
88+
</style>
89+
</head>
90+
91+
<body>
92+
93+
<div class="navmenu navmenu-default navmenu-fixed-right offcanvas">
94+
<a class="navmenu-brand" href="../index.html">va3c Viewer</a>
95+
<ul class="nav navmenu-nav">
96+
<li style="padding-top:25px;padding-left:13px;"><b>EXAMPLES</b></li>
97+
<li><a onclick="loadJS('../json/revit/Project2.rvt.js')">Revit Simple</a></li>
98+
<li><a onclick="loadJS('../json/revit/rac_basic_sample_project.rvt.js')">Revit Complex</a></li>
99+
<li><a onclick="loadJS('../json/TypTower.json')">Grasshopper Simple</a></li>
100+
<li><a onclick="loadJS('../json/MissSpacyEyes.json')">Grasshopper Complex</a></li>
101+
<li><a onclick="loadJS('../json/3dsmax/TransamericaPyramid2.js')">3DS Max</a></li>
102+
<li><a onclick="loadDAE('../json/US_Capitol_Building.dae')">Sketchup</a></li>
103+
<li style="padding-top:25px;padding-left:13px;"><b>CITY</b></li>
104+
<li>
105+
<select class="styled-select" onchange="getComboA(this);">
106+
<option value="New York">New York</option>
107+
<option value="Sao Paulo">Sao Paulo</option>
108+
<option value="Paris">Paris</option>
109+
<option value="Tokyo">Tokyo</option>
110+
<option value="Moscow">Moscow</option>
111+
</select>
112+
</li>
113+
<li style="padding-top:25px;padding-left:13px;"><b>TIME</b></li>
114+
<div style="padding-left:13px;padding-right:13px;">
115+
<li style="padding-top:7px;">Month 1-12<input type="range" name="points" id="month" min="1" max="12" step="1" value="5" onchange="updateLight()"></li>
116+
<li style="padding-top:7px;">Day 1-31<input type="range" name="points" id="day" min="1" max="31" step="1" value="18" onchange="updateLight()"></li>
117+
<li style="padding-top:7px;">Hour 0-24<input type="range" name="points" id="hour" min="1" max="24" step="1" value="24" onchange="updateLight()"></li>
118+
</div>
119+
<li style="padding-top:25px;padding-left:13px;"><b>CAMERA</b></li>
120+
<li><a onclick="resetCamera()">Reset View</a></li>
121+
<li><a onclick="zoomExtents()">Zoom Extents</a></li>
122+
</ul>
123+
</div>
124+
125+
<div>
126+
127+
<script>
128+
var fname = '../json/TypTower.json';
129+
init(fname);
130+
animate();
131+
</script>
132+
</div>
133+
134+
<div class="canvas">
135+
<div style="background-color: transparent;border-color: transparent;" class="navbar navbar-default navbar-fixed-top">
136+
<h1 class="project"><b>va3c viewer</b></h1>
137+
<button style="background-color: rgb(240,240,240);" type="button" class="navbar-toggle expand" data-toggle="offcanvas" data-target=".navmenu" data-canvas="body">
138+
<span class="icon-bar"></span>
139+
<span class="icon-bar"></span>
140+
<span class="icon-bar"></span>
141+
</button>
142+
</div>
143+
</div>
144+
</body>
145+
</html>

0 commit comments

Comments
 (0)