Examples: Replace Geometry with BufferGeometry

examples/webgl_lights_physical.html

@@ -111,7 +111,7 @@
 
 				scene = new THREE.Scene();
 
-				var bulbGeometry = new THREE.SphereGeometry( 0.02, 16, 8 );
+				var bulbGeometry = new THREE.SphereBufferGeometry( 0.02, 16, 8 );
 				bulbLight = new THREE.PointLight( 0xffee88, 1, 100, 2 );
 
 				bulbMat = new THREE.MeshStandardMaterial( {
@@ -204,14 +204,14 @@
 				floorMesh.rotation.x = -Math.PI / 2.0;
 				scene.add( floorMesh );
 
-				var ballGeometry = new THREE.SphereGeometry( 0.5, 32, 32 );
+				var ballGeometry = new THREE.SphereBufferGeometry( 0.5, 32, 32 );
 				var ballMesh = new THREE.Mesh( ballGeometry, ballMat );
 				ballMesh.position.set( 1, 0.5, 1 );
 				ballMesh.rotation.y = Math.PI;
 				ballMesh.castShadow = true;
 				scene.add( ballMesh );
 
-				var boxGeometry = new THREE.BoxGeometry( 0.5, 0.5, 0.5 );
+				var boxGeometry = new THREE.BoxBufferGeometry( 0.5, 0.5, 0.5 );
 				var boxMesh = new THREE.Mesh( boxGeometry, cubeMat );
 				boxMesh.position.set( -0.5, 0.25, -1 );
 				boxMesh.castShadow = true;

examples/webgl_lights_pointlights.html

@@ -54,15 +54,13 @@
 
 			function init() {
 
-				var container = document.createElement( 'div' );
-				document.body.appendChild( container );
-
 				camera = new THREE.PerspectiveCamera( 50, window.innerWidth / window.innerHeight, 1, 1000 );
 				camera.position.z = 100;
 
 				scene = new THREE.Scene();
 
 				//model
+
 				var loader = new THREE.OBJLoader();
 				loader.load( 'models/obj/walt/WaltHead.obj', function ( obj ) {
 
@@ -73,9 +71,10 @@
 
 				} );
 
-				var sphere = new THREE.SphereGeometry( 0.5, 16, 8 );
+				var sphere = new THREE.SphereBufferGeometry( 0.5, 16, 8 );
 
 				//lights
+
 				light1 = new THREE.PointLight( 0xff0040, 2, 50 );
 				light1.add( new THREE.Mesh( sphere, new THREE.MeshBasicMaterial( { color: 0xff0040 } ) ) );
 				scene.add( light1 );
@@ -93,14 +92,16 @@
 				scene.add( light4 );
 
 				//renderer
-				renderer = new THREE.WebGLRenderer();
+
+				renderer = new THREE.WebGLRenderer( { antialias: true } );
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
-				container.appendChild( renderer.domElement );
+				document.body.appendChild( renderer.domElement );
 
 				//stats
+
 				stats = new Stats();
-				container.appendChild( stats.dom );
+				document.body.appendChild( stats.dom );
 
 				window.addEventListener( 'resize', onWindowResize, false );
 

examples/webgl_lights_spotlight.html

@@ -104,16 +104,17 @@
 
 				var material = new THREE.MeshPhongMaterial( { color: 0x808080, dithering: true } );
 
-				var geometry = new THREE.BoxGeometry( 2000, 1, 2000 );
+				var geometry = new THREE.PlaneBufferGeometry( 2000, 2000 );
 
 				var mesh = new THREE.Mesh( geometry, material );
 				mesh.position.set( 0, - 1, 0 );
+				mesh.rotation.x = - Math.PI * 0.5;
 				mesh.receiveShadow = true;
 				scene.add( mesh );
 
 				var material = new THREE.MeshPhongMaterial( { color: 0x4080ff, dithering: true } );
 
-				var geometry = new THREE.BoxGeometry( 3, 1, 2 );
+				var geometry = new THREE.BoxBufferGeometry( 3, 1, 2 );
 
 				var mesh = new THREE.Mesh( geometry, material );
 				mesh.position.set( 40, 2, 0 );

examples/webgl_lights_spotlights.html

@@ -61,10 +61,11 @@
 			var matFloor = new THREE.MeshPhongMaterial();
 			var matBox = new THREE.MeshPhongMaterial( { color: 0xaaaaaa } );
 
-			var geoFloor = new THREE.BoxGeometry( 2000, 1, 2000 );
-			var geoBox = new THREE.BoxGeometry( 3, 1, 2 );
+			var geoFloor = new THREE.PlaneBufferGeometry( 2000, 2000 );
+			var geoBox = new THREE.BoxBufferGeometry( 3, 1, 2 );
 
 			var mshFloor = new THREE.Mesh( geoFloor, matFloor );
+			mshFloor.rotation.x = - Math.PI * 0.5;
 			var mshBox = new THREE.Mesh( geoBox, matBox );
 
 			var ambient = new THREE.AmbientLight( 0x111111 );