Swapped Chapters 8 and 9; Added Wireframe Circle for Figure

tparisi · Dec 9, 2013 · 5d4980a · 5d4980a
1 parent 911a30d
commit 5d4980a
Show file tree

Hide file tree

Showing 10 changed files with 94 additions and 167 deletions.
diff --git a/Chapter 4/threejscircle.html b/Chapter 4/threejscircle.html
@@ -0,0 +1,94 @@
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<title>Programming 3D Applications in HTML5 and WebGL &mdash; Three.js Circle Geometry</title>
+
+<script src="../libs/jquery-1.9.1/jquery-1.9.1.js"></script>
+<script src="../libs/three.js.r58/three.js"></script>
+<script src="../libs/requestAnimationFrame/RequestAnimationFrame.js"></script>
+<script type="text/javascript">
+
+	var renderer = null, 
+	scene = null, 
+	camera = null,
+	cube = null;
+
+    var duration = 5000; // ms
+    var currentTime = Date.now();
+	function animate() {
+
+        var now = Date.now();
+        var deltat = now - currentTime;
+        currentTime = now;
+        var fract = deltat / duration;
+        var angle = Math.PI * 2 * fract;
+		cube.rotation.y += angle;
+	}
+
+	function run() {
+        requestAnimationFrame(function() { run(); });
+
+			// Render the scene
+			renderer.render( scene, camera );
+
+			// Spin the cube for next frame
+			// animate();
+
+    }
+
+	$(document).ready(
+			function() {
+
+				var canvas = document.getElementById("webglcanvas");
+
+		        // Create the Three.js renderer and attach it to our canvas
+			    renderer = new THREE.WebGLRenderer( { canvas: canvas, antialias: true } );
+
+			    // Set the viewport size
+			    renderer.setSize(canvas.width, canvas.height);
+
+			    // Create a new Three.js scene
+			    scene = new THREE.Scene();
+
+			    // Add  a camera so we can view the scene
+		        camera = new THREE.PerspectiveCamera( 45, canvas.width / canvas.height, 1, 4000 );
+				scene.add(camera);
+
+		        // Add a directional light to show off the object
+				var light = new THREE.DirectionalLight( 0xffffff, 1.5);
+
+				// Position the light out from the scene, pointing at the origin
+				light.position.set(0, 0, 1);
+				scene.add( light );
+
+		        // Now, create a Phong material to show shading; pass in the map
+		        var material = new THREE.MeshPhongMaterial({
+			        color: 0xffffff, wireframe:true });
+
+		        // Create the cube geometry
+		        var geometry = new THREE.CircleGeometry(2, 16);
+
+		        // And put the geometry and material together into a mesh
+		        cube = new THREE.Mesh(geometry, material);
+
+		        // Move the mesh back from the camera and tilt it toward the viewer
+		        cube.position.z = -8;
+
+		        // Finally, add the mesh to our scene
+		        scene.add( cube );
+
+		        // Run the run loop
+		        run();
+			}
+	);
+
+</script>
+
+</head>
+<body>
+
+    <canvas id="webglcanvas" style="border: none;background-color:#000000" width="500" height="500"></canvas>
+
+</body>
+
+</html>
diff --git a/Chapter 9/pipelinethreejsdaescene.html → Chapter 8/pipelinethreejsdaescene.html b/Chapter 9/pipelinethreejsdaescene.html → Chapter 8/pipelinethreejsdaescene.html
diff --git a/Chapter 9/pipelinethreejsgltfscene.html → Chapter 8/pipelinethreejsgltfscene.html b/Chapter 9/pipelinethreejsgltfscene.html → Chapter 8/pipelinethreejsgltfscene.html
diff --git a/Chapter 9/pipelinethreejsmodel.html → Chapter 8/pipelinethreejsmodel.html b/Chapter 9/pipelinethreejsmodel.html → Chapter 8/pipelinethreejsmodel.html
diff --git a/Chapter 9/pipelinethreejsmodelbinary.html → Chapter 8/pipelinethreejsmodelbinary.html b/Chapter 9/pipelinethreejsmodelbinary.html → Chapter 8/pipelinethreejsmodelbinary.html
diff --git a/Chapter 9/pipelinepreviewer.html b/Chapter 9/pipelinepreviewer.html
diff --git a/Chapter 9/pipelinethreejsscene.html b/Chapter 9/pipelinethreejsscene.html
diff --git a/Chapter 8/vizicube.html → Chapter 9/vizicube.html b/Chapter 8/vizicube.html → Chapter 9/vizicube.html
diff --git a/Chapter 8/vizicubebehaviors.html → Chapter 9/vizicubebehaviors.html b/Chapter 8/vizicubebehaviors.html → Chapter 9/vizicubebehaviors.html
diff --git a/Chapter 8/vizicubeinteractive.html → Chapter 9/vizicubeinteractive.html b/Chapter 8/vizicubeinteractive.html → Chapter 9/vizicubeinteractive.html