Skip to content

Commit 6533abc

Browse files
tparisitparisi
committed
Chapter 11 Examples
1 parent fe26aa6 commit 6533abc

File tree

182 files changed

+35522
-330
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

182 files changed

+35522
-330
lines changed

‎Chapter 11/futurgoCity.html

Lines changed: 148 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,148 @@
1+
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2+
<html>
3+
<head>
4+
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5+
<title>Futurgo City</title>
6+
7+
<!-- Google font: PT Sans http://www.google.com/fonts#UsePlace:use/Collection:PT+Sans -->
8+
<link rel="stylesheet" href="../libs/jquery-ui-1.10.3.custom/css/ui-lightness/jquery-ui-1.10.3.custom.css" />
9+
<link rel="stylesheet" media="screen" type="text/css" href="../libs/colorpicker/css/colorpicker.css" />
10+
<link href='../css/fonts.css' rel='stylesheet' type='text/css'>
11+
<link href="../css/futurgoCity.css" rel="stylesheet" type='text/css'/>
12+
</head>
13+
<body>
14+
<div id="top_frame"></div>
15+
<div id="menubar">
16+
<div id="menuORDER" class="menuItem" onclick="onMenuCommand(this.id);">ORDER</div>
17+
<div id="menuTEST_DRIVE" class="menuItem" onclick="onMenuCommand(this.id);">TEST DRIVE</div>
18+
<div id="menuFEATURES" class="menuItem" onclick="onMenuCommand(this.id);">FEATURES</div>
19+
<div id="menuSPECS" class="menuItem" onclick="onMenuCommand(this.id);">SPECS</div>
20+
<div id="menuCHARGING" class="menuItem" onclick="onMenuCommand(this.id);">CHARGING</div>
21+
<div id="menuGALLERY" class="menuItem" onclick="onMenuCommand(this.id);">GALLERY</div>
22+
<div id="menuVIDEO" class="menuItem" onclick="onMenuCommand(this.id);">VIDEO</div>
23+
<div id="menuFAQ" class="menuItem" onclick="onMenuCommand(this.id);">QUESTIONS?</div>
24+
<span></span>
25+
</div>
26+
<div id="bot_frame"></div>
27+
<div id="left_banner_bg"></div>
28+
<div id="futurgo_logo"></div>
29+
30+
<div id="help_text">
31+
<div id="help_walk">
32+
Use arrow or WASD keys to walk; drag mouse to look up/down.
33+
</div>
34+
<div id="help_drive" style="display:none;">
35+
Use arrow keys to drive: UP: forward. DOWN: brake. LEFT/RIGHT: turn. Drag mouse to look up/down.
36+
</div>
37+
</div>
38+
<div id="tabbar_left">
39+
<div id="tab01"><div class="tabLink" onclick="startTestDrive();"></div></div>
40+
<div id="tab02"><div class="tabLink" onclick="endTestDrive();"></div></div>
41+
<div id="tab03"><div class="tabLink" onclick="tour();"></div></div>
42+
</div>
43+
<div id="vizi_powered"></div>
44+
<div id="container"></div>
45+
<div id="loadStatus" style="display:none">
46+
Loading scene...
47+
</div>
48+
<audio volume="0.0" id="city_sound">
49+
<!-- http://www.freesound.org/people/synthetic-oz/sounds/162704/ -->
50+
<source src="../sounds/162704__synthetic-oz__city-trimmed-looped.wav" type="audio/wav" />
51+
Your browser does not support WAV files in the audio element.
52+
</audio>
53+
<audio volume="0.0" id="bump_sound">
54+
<!-- http://www.freesound.org/people/Calethos/sounds/31126/ -->
55+
<source src="../sounds/31126__calethos__bump.wav" type="audio/wav" />
56+
Your browser does not support WAV files in the audio element.
57+
</audio>
58+
59+
<script src="../libs/jquery-1.9.1/jquery-1.9.1.js"></script>
60+
<script src="../libs/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.js"></script>
61+
<script src="../libs/colorpicker/js/colorpicker.js"></script>
62+
<script src="../libs/vizi/vizi.js"></script>
63+
<script src="futurgoCity.js"></script>
64+
<script src="futurgoController.js"></script>
65+
<script src="futurgoDashboard.js"></script>
66+
<script src="futurgoSound.js"></script>
67+
<script>
68+
69+
var futurgoCity = null;
70+
var help_walk = document.getElementById("help_walk");
71+
var help_drive = document.getElementById("help_drive");
72+
73+
$(document).ready(function() {
74+
75+
initControls();
76+
loadStatus = document.getElementById("loadStatus");
77+
var container = document.getElementById("container");
78+
futurgoCity = new FuturgoCity({ container : container,
79+
loadCallback : onLoadComplete,
80+
loadProgressCallback : onLoadProgress,
81+
mouseOverCallback : onMouseOver,
82+
mouseOutCallback : onMouseOut,
83+
mouseClickCallback : onMouseClick,
84+
});
85+
86+
loadStatus.style.display = 'block';
87+
88+
futurgoCity.go();
89+
}
90+
);
91+
92+
function initControls() {
93+
}
94+
95+
function onLoadComplete(loadTime)
96+
{
97+
// Hide the loader bar
98+
loadStatus.style.display = 'none';
99+
console.log("Loaded " + loadTime.toFixed(2) + " seconds.");
100+
}
101+
102+
function onLoadProgress(percentProgress)
103+
{
104+
loadStatus.innerHTML = "Loading scene... " + percentProgress.toFixed(0) + " %";
105+
}
106+
107+
function onMouseOver(what, event) {
108+
//console.log("Mouse over", what, event);
109+
//showOverlay(what, event);
110+
}
111+
112+
function onMouseOut(what, event) {
113+
//console.log("Mouse out", what, event);
114+
//hideOverlay();
115+
}
116+
117+
function onMouseClick(what, event) {
118+
if (what == "futurgo") {
119+
toggleStartStop();
120+
}
121+
}
122+
123+
function startTestDrive() {
124+
futurgoCity.startTestDrive();
125+
help_drive.style.display = 'block';
126+
help_walk.style.display = 'none';
127+
futurgoCity.viewer.focus();
128+
}
129+
130+
function endTestDrive() {
131+
futurgoCity.endTestDrive();
132+
help_drive.style.display = 'none';
133+
help_walk.style.display = 'block';
134+
futurgoCity.viewer.focus();
135+
}
136+
137+
function tour() {
138+
futurgoCity.tour();
139+
futurgoCity.viewer.focus();
140+
}
141+
142+
function toggleStartStop() {
143+
}
144+
145+
</script>
146+
147+
</body>
148+
</html>

0 commit comments

Comments
 (0)