Small fixes to make everything work with r69

Author: Jos Dirksen

chapter-10/04-light-map.html

@@ -45,8 +45,6 @@
         webGLRenderer.setSize(window.innerWidth, window.innerHeight);
         webGLRenderer.shadowMapEnabled = true;
 
-        var canvasRenderer = new THREE.CanvasRenderer();
-        canvasRenderer.setSize(window.innerWidth, window.innerHeight);
         renderer = webGLRenderer;
 
         var groundGeom = new THREE.PlaneGeometry(95, 95, 1, 1);

chapter-10/05-env-map-static.html

@@ -93,16 +93,10 @@
     light.intensity = 1.2;
     scene.add(light);
 
-
-//        var pointColor = "#ff5808";
     var pointColor = "#ff5808";
     var directionalLight = new THREE.PointLight(pointColor);
     directionalLight.intensity = 4.5;
 
-//        directionalLight.distance = 0;
-//        directionalLight.intensity = 0.5;
-
-
     scene.add(directionalLight);
 
 
@@ -112,7 +106,7 @@
     var sphereLightMesh = new THREE.Mesh(sphereLight, sphereLightMaterial);
     sphereLightMesh.castShadow = true;
 
-    sphereLightMesh.position = new THREE.Vector3(3, 3, 3);
+    sphereLightMesh.position.copy(new THREE.Vector3(3, 3, 3));
     scene.add(sphereLightMesh);
 
     // add the output of the renderer to the html element
@@ -270,7 +264,7 @@
             sphereLightMesh.position.x = (invert * (sphereLightMesh.position.x - pivot)) + pivot;
         }
 
-        directionalLight.position = sphereLightMesh.position;
+        directionalLight.position.copy(sphereLightMesh.position);
 
         camera.position.x = (mouseX * .018);
         camera.position.y = 6 + (mouseY * .018);

chapter-10/07-uv-mapping.html

@@ -53,12 +53,6 @@
         camera.lookAt(new THREE.Vector3(0, 0, 0));
 
 
-        // add spotlight for the shadows
-        var spotLight = new THREE.SpotLight(0xffffff);
-        spotLight.position.set(-30, 60, 50);
-        spotLight.intensity = 1.5;
-        scene.add(spotLight);
-
         // add the output of the renderer to the html element
         $("#WebGL-output").append(webGLRenderer.domElement);
 
@@ -74,14 +68,11 @@
                 var loader = new THREE.OBJLoader();
                 loader.load('../assets/models/UVCube1.obj', function (geometry) {
                     if (mesh) scene.remove(mesh);
-                    var material = new THREE.MeshLambertMaterial({color: 0xffffff});
+                    var material = new THREE.MeshBasicMaterial({color: 0xffffff});
                     var texture = THREE.ImageUtils.loadTexture("../assets/textures/ash_uvgrid01.jpg");
                     material.map = texture;
 
-                    geometry.children[0].children[0].material = material;
-                    geometry.children[0].children[1].material = material;
-
-
+                    geometry.children[0].material = material;
                     mesh = geometry;
 
                     geometry.scale.set(15, 15, 15);
@@ -95,13 +86,11 @@
                 var loader = new THREE.OBJLoader();
                 loader.load('../assets/models/UVCube2.obj', function (geometry) {
                     if (mesh) scene.remove(mesh);
-                    var material = new THREE.MeshLambertMaterial({color: 0xffffff});
+                    var material = new THREE.MeshBasicMaterial({color: 0xffffff});
                     var texture = THREE.ImageUtils.loadTexture("../assets/textures/ash_uvgrid01.jpg");
                     material.map = texture;
 
-                    geometry.children[0].children[0].material = material;
-                    geometry.children[0].children[1].material = material;
-
+                    geometry.children[0].material = material;
 
                     mesh = geometry;
                     geometry.scale.set(15, 15, 15);

chapter-10/09-canvas-texture.html

@@ -83,7 +83,7 @@
         webGLRenderer.shadowMapEnabled = true;
 
 
-        var cube = createMesh(new THREE.CubeGeometry(10, 10, 10), "floor-wood.jpg");
+        var cube = createMesh(new THREE.BoxGeometry(10, 10, 10), "floor-wood.jpg");
         cube.position.x = 0;
         scene.add(cube);
 

chapter-10/10-canvas-texture-bumpmap.html

@@ -79,7 +79,7 @@
         webGLRenderer.shadowMapEnabled = true;
 
 
-        var cube = createMesh(new THREE.CubeGeometry(12, 12, 12), "floor-wood.jpg");
+        var cube = createMesh(new THREE.BoxGeometry(12, 12, 12), "floor-wood.jpg");
         cube.position.x = 3;
         scene.add(cube);
 

chapter-10/11-video-texture.html

@@ -62,7 +62,7 @@
         var cube;
 
 
-        cube = createMesh(new THREE.CubeGeometry(22, 16, 0.2), "floor-wood.jpg");
+        cube = createMesh(new THREE.BoxGeometry(22, 16, 0.2), "floor-wood.jpg");
         cube.position.y = 2;
         scene.add(cube);