-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
97 lines (91 loc) · 3.45 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
<!DOCTYPE>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta content="charset=UTF-8"/>
<title>Progetto Mallia</title>
<!--STYLESHEET-->
<link href="css/singlePageTemplate.css" rel="stylesheet" type="text/css">
<link type="text/css" rel="stylesheet" href="stylesheet/3dhop.css"/>
<!--SPIDERGL-->
<script type="text/javascript" src="js/spidergl.js"></script>
<!--JQUERY-->
<script type="text/javascript" src="js/jquery.js"></script>
<!--PRESENTER-->
<script type="text/javascript" src="js/presenter.js"></script>
<!--3D MODELS LOADING AND RENDERING-->
<script type="text/javascript" src="js/nexus.js"></script>
<script type="text/javascript" src="js/ply.js"></script>
<!--TRACKBALLS-->
<script type="text/javascript" src="js/trackball_turntable.js"></script>
<script type="text/javascript" src="js/trackball_turntable_pan.js"></script>
<script type="text/javascript" src="js/trackball_pantilt.js"></script>
<script type="text/javascript" src="js/trackball_sphere.js"></script>
<!--UTILITY-->
<script type="text/javascript" src="js/init.js"></script>
<script>var __adobewebfontsappname__="dreamweaver"</script>
<script src="http://use.edgefonts.net/source-sans-pro:n2:default.js" type="text/javascript"></script>
</head>
<body>
<div class="container">
<!-- Navigation -->
<header> <a href="">
<h4 class="logo">Progetto Grafica 3D per i beni culturali</h4>
</a>
<nav>
<ul>
<li><a href="Senzatitolo-2.html">HOME</a></li>
<li><a href="index.html">3D MODEL</a></li>
<li> <a href="lavoro.html">LAVORO</a></li>
</ul>
</nav>
</header>
<div id="3dhop" class="tdhop" onmousedown="if (event.preventDefault) event.preventDefault()"><div id="tdhlg"></div>
<div id="toolbar">
<img id="home" title="Home" src="skins/dark/home.png" /><br/>
<img id="zoomin" title="Zoom In" src="skins/dark/zoomin.png" /><br/>
<img id="zoomout" title="Zoom Out" src="skins/dark/zoomout.png"/><br/>
<img id="light_on" title="Disable Light Control" src="skins/dark/light_on.png" style="position:absolute; visibility:hidden;"/>
<img id="light" title="Enable Light Control" src="skins/dark/light.png"/><br/>
<img id="full_on" title="Exit Full Screen" src="skins/dark/full_on.png" style="position:absolute; visibility:hidden;"/>
<img id="full" title="Full Screen" src="skins/dark/full.png" />
</div>
<canvas id="draw-canvas" style="background-image: url(skins/backgrounds/light.jpg)"/>
</div>
</body>
<script type="text/javascript">
var presenter = null;
function setup3dhop() {
presenter = new Presenter("draw-canvas");
presenter.setScene({
meshes: {
"mesh_1" : { url: "models/multires/Statua1.nxs" }
},
modelInstances : {
"model_1" : { mesh : "mesh_1" }
},
trackball: {
type : TurnTableTrackball,
trackOptions : {
startPhi: 35.0,
startTheta: 15.0,
startDistance: 2.5,
minMaxPhi: [-180, 180],
minMaxTheta: [-30.0, 70.0],
minMaxDist: [0.5, 3.0]
}
}
});
}
function actionsToolbar(action) {
if(action=='home') presenter.resetTrackball();
else if(action=='zoomin') presenter.zoomIn();
else if(action=='zoomout') presenter.zoomOut();
else if(action=='light' || action=='light_on') { presenter.enableLightTrackball(!presenter.isLightTrackballEnabled()); lightSwitch(); }
else if(action=='full' || action=='full_on') fullscreenSwitch();
}
$(document).ready(function(){
init3dhop();
setup3dhop();
});
</script>
</html>