8.2 Point light

Ovilia · Ovilia · commit 4c6c226b8a86 · 2013-09-12T11:42:50.000+08:00
diff --git a/Chapter8/8.2.1.html b/Chapter8/8.2.1.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html>
+    <head>
+        <script type="text/javascript" src="../lib/three.js"></script>
+        <script type="text/javascript" src="../lib/MTLLoader.js"></script>
+        <script type="text/javascript" src="../lib/OBJMTLLoader.js"></script>
+        
+        <script type="text/javascript">
+            var scene = null;
+            var camera = null;
+            var renderer = null;
+            
+            function init() {
+                renderer = new THREE.WebGLRenderer({
+                    canvas: document.getElementById('mainCanvas')
+                });
+                renderer.setClearColor(0x000000);
+                scene = new THREE.Scene();
+                
+                camera = new THREE.OrthographicCamera(-5, 5, 3.75, -3.75, 0.1, 100);
+                camera.position.set(5, 15, 25);
+                camera.lookAt(new THREE.Vector3(0, 0, 0));
+                scene.add(camera);
+                
+                var light = new THREE.PointLight(0xffffff, 2, 100);
+                light.position.set(0, 1.5, 2);
+                scene.add(light);
+                
+                var greenCube = new THREE.Mesh(new THREE.CubeGeometry(2, 2, 2),
+                        new THREE.MeshLambertMaterial({color: 0x00ff00}));
+                greenCube.position.x = 3;
+                scene.add(greenCube);
+                
+                var whiteCube = new THREE.Mesh(new THREE.CubeGeometry(2, 2, 2),
+                        new THREE.MeshLambertMaterial({color: 0xffffff}));
+                whiteCube.position.x = -3;
+                scene.add(whiteCube);
+                
+                renderer.render(scene, camera);
+            }
+        </script>
+    </head>
+    
+    <body onload="init()">
+        <canvas id="mainCanvas" width="400px" height="300px" ></canvas>
+    </body>
+</html>
