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
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.8.3/dijit/themes/tundra/tundra.css">
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.8.3/dojox/layout/resources/FloatingPane.css">
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.8.3/dojox/layout/resources/ResizeHandle.css">
<link rel="stylesheet" href="viewer.css">
<style type="text/css">
.alternateDock {
position:absolute;
background-color:#ededed;
right:0px; top:0px;
border-left:1px solid #ccc;
height:100%;
}
#alternateDock ul.dojoxDockList { display:block; }
.testFixedSize {
width:300px;
height:200px;
padding:7px;
}
.dijitMenuItemLabel {
font-size: 12px;
}
.tundra .dijitTooltipContainer {
background-color:rgba(200,200,200,0.5);
background:rgba(200,200,200,0.5);
}
/* .removeThumb {
background-image: url(img/close.png);
background-repeat: no-repeat;
background-size: 100%;
text-align: center;
border: 0px;
width: 20px;
height: 20px;
vertical-align: top;
margin: -3px 0px 0px -8px;
}
*/ </style>
<script type="text/javascript">
// dojoConfig = {
// async : false,
// isDebug : true,
// debugAtAllCosts : true,
// }
</script>
<script src="http://uscxml.tk.informatik.tu-darmstadt.de/scripts/osg.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/dojo/1.8.3/dojo/dojo.js"></script>
<script type="text/javascript" src="viewer-webgl.js"></script>
<script type="text/javascript" src="annotations.js"></script>
<script type="text/javascript">
require(["dojo/domReady!", "dojo"], function(dom, dojo) {
var viewer = new VRMLViewer("scene1", {
pose: {
pitch : 0,
roll : 0,
yaw : 0,
zoom : 1,
x : 0,
y : 0,
z : 0,
autorotate : true
},
height: 600,
width: 800,
enableMovies: false,
enableDND: false,
enableWebGL: true,
enableSceneshots: false,
enableDraggables: false,
listNavigationStyle: true,
treeNavigationStyle: true,
listDirectory: "/hard_mp",
imagePath: "/hard_mp/HARD_MP_VAL_000",
imageFormat: ".png",
serverURL: "http://localhost:8081/vrml",
});
//var viewer2 = new VRMLViewer("scene2");
// var annotations = new Annotations("annotations1", { 'viewer': viewer });
});
</script>
</head>
<body class="tundra">
<table align="center">
<tr>
<td ><br /><br /><br /><br /><br /><br />
<div id="scene1" />
</td>
<td><br /><br /><br /><br /><br /><br />
<div id="scene2" />
</td>
</tr>
<tr><td>
<div id="annotations1"></div>
</td></tr>
</table>
</body>
</html>
|