Chapter 11 Examples

tparisi · Oct 7, 2013 · 6533abc · 6533abc
1 parent fe26aa6
commit 6533abc
Show file tree

Hide file tree

Showing 182 changed files with 35,522 additions and 330 deletions.
diff --git a/Chapter 11/futurgoCity.html b/Chapter 11/futurgoCity.html
@@ -0,0 +1,148 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<title>Futurgo City</title>
+
+	<!-- Google font: PT Sans http://www.google.com/fonts#UsePlace:use/Collection:PT+Sans  -->
+	<link rel="stylesheet" href="../libs/jquery-ui-1.10.3.custom/css/ui-lightness/jquery-ui-1.10.3.custom.css" />
+	<link rel="stylesheet" media="screen" type="text/css" href="../libs/colorpicker/css/colorpicker.css" />
+	<link href='../css/fonts.css' rel='stylesheet' type='text/css'>
+	<link href="../css/futurgoCity.css" rel="stylesheet" type='text/css'/> 
+</head>
+<body>
+	<div id="top_frame"></div>
+	<div id="menubar">
+	    <div id="menuORDER" class="menuItem" onclick="onMenuCommand(this.id);">ORDER</div>
+	    <div id="menuTEST_DRIVE" class="menuItem" onclick="onMenuCommand(this.id);">TEST DRIVE</div>
+	    <div id="menuFEATURES" class="menuItem" onclick="onMenuCommand(this.id);">FEATURES</div>
+	    <div id="menuSPECS" class="menuItem" onclick="onMenuCommand(this.id);">SPECS</div>
+	    <div id="menuCHARGING" class="menuItem" onclick="onMenuCommand(this.id);">CHARGING</div>
+	    <div id="menuGALLERY" class="menuItem" onclick="onMenuCommand(this.id);">GALLERY</div>
+	    <div id="menuVIDEO" class="menuItem" onclick="onMenuCommand(this.id);">VIDEO</div>
+	    <div id="menuFAQ" class="menuItem" onclick="onMenuCommand(this.id);">QUESTIONS?</div>
+	    <span></span>
+  	</div>
+	<div id="bot_frame"></div>
+	<div id="left_banner_bg"></div>
+	<div id="futurgo_logo"></div>
+
+	<div id="help_text">
+	<div id="help_walk">
+	Use arrow or WASD keys to walk; drag mouse to look up/down.
+	</div>
+	<div id="help_drive" style="display:none;">
+	Use arrow keys to drive: UP: forward. DOWN: brake. LEFT/RIGHT: turn. Drag mouse to look up/down.
+	</div>
+	</div>
+	<div id="tabbar_left">
+		<div id="tab01"><div class="tabLink" onclick="startTestDrive();"></div></div>
+		<div id="tab02"><div class="tabLink" onclick="endTestDrive();"></div></div>
+		<div id="tab03"><div class="tabLink" onclick="tour();"></div></div>
+	</div>
+	<div id="vizi_powered"></div>
+	<div id="container"></div>
+	<div id="loadStatus" style="display:none">
+	Loading scene...
+	</div>
+	<audio volume="0.0" id="city_sound">
+	  <!-- http://www.freesound.org/people/synthetic-oz/sounds/162704/  -->
+	  <source src="../sounds/162704__synthetic-oz__city-trimmed-looped.wav" type="audio/wav" />
+	  Your browser does not support WAV files in the audio element.
+	</audio>
+	<audio volume="0.0" id="bump_sound">
+	  <!-- http://www.freesound.org/people/Calethos/sounds/31126/  -->
+	  <source src="../sounds/31126__calethos__bump.wav" type="audio/wav" />
+	  Your browser does not support WAV files in the audio element.
+	</audio>
+
+    <script src="../libs/jquery-1.9.1/jquery-1.9.1.js"></script>
+    <script src="../libs/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.js"></script>
+	<script src="../libs/colorpicker/js/colorpicker.js"></script>
+	<script src="../libs/vizi/vizi.js"></script>
+	<script src="futurgoCity.js"></script>
+	<script src="futurgoController.js"></script>
+	<script src="futurgoDashboard.js"></script>
+	<script src="futurgoSound.js"></script>
+	<script>
+
+   	var futurgoCity = null;
+   	var help_walk = document.getElementById("help_walk");
+   	var help_drive = document.getElementById("help_drive");
+
+	$(document).ready(function() {
+
+		initControls();
+		loadStatus = document.getElementById("loadStatus");
+		var container = document.getElementById("container");
+		futurgoCity = new FuturgoCity({ container : container,
+				loadCallback : onLoadComplete,
+				loadProgressCallback : onLoadProgress,
+				mouseOverCallback : onMouseOver,
+				mouseOutCallback : onMouseOut,
+				mouseClickCallback : onMouseClick,
+			 });	
+
+		loadStatus.style.display = 'block';
+
+		futurgoCity.go();
+	}
+	);
+
+	function initControls() {
+	}
+
+	function onLoadComplete(loadTime)
+	{
+		// Hide the loader bar
+		loadStatus.style.display = 'none';		
+		console.log("Loaded " + loadTime.toFixed(2) + " seconds.");
+	}
+
+	function onLoadProgress(percentProgress)
+	{
+		loadStatus.innerHTML = "Loading scene... " + percentProgress.toFixed(0) + " %";
+	}
+
+	function onMouseOver(what, event) {
+		//console.log("Mouse over", what, event);
+		//showOverlay(what, event);
+	}
+
+	function onMouseOut(what, event) {
+		//console.log("Mouse out", what, event);
+		//hideOverlay();
+	}
+
+	function onMouseClick(what, event) {
+		if (what == "futurgo") {
+			toggleStartStop();
+		}
+	}
+
+	function startTestDrive() {
+		futurgoCity.startTestDrive();
+		help_drive.style.display = 'block';
+		help_walk.style.display = 'none';
+		futurgoCity.viewer.focus();
+	}
+
+	function endTestDrive() {
+		futurgoCity.endTestDrive();
+		help_drive.style.display = 'none';
+		help_walk.style.display = 'block';
+		futurgoCity.viewer.focus();
+	}
+
+	function tour() {
+		futurgoCity.tour();
+		futurgoCity.viewer.focus();
+	}
+
+	function toggleStartStop() {
+	}
+
+	</script>
+
+</body>
+</html>