Removed unneded scene.add( camera ) from the examples.

Sorry that you had to add it @alteredq.

examples/canvas_ascii_effect.html

@@ -49,15 +49,14 @@
 				info.innerHTML = 'Drag to change the view';
 				container.appendChild( info );
 
-				scene = new THREE.Scene();
-
 				camera = new THREE.PerspectiveCamera( 70, width / height, 1, 1000 );
 				camera.position.y = 150;
 				camera.position.z = 500;
-				scene.add( camera );
 
 				controls = new THREE.TrackballControls( camera );
 
+				scene = new THREE.Scene();
+
 				var light = new THREE.PointLight( 0xffffff );
 				light.position.set( 500, 500, 500 );
 				scene.add( light );

examples/canvas_camera_orthographic.html

@@ -48,8 +48,6 @@
 
 				scene = new THREE.Scene();
 
-				scene.add( camera );
-
 				// Grid
 
 				var geometry = new THREE.Geometry();

examples/canvas_camera_orthographic2.html

@@ -114,8 +114,6 @@
 
 				scene = new THREE.Scene();
 
-				scene.add( camera );
-
 				// Grid
 
 				var geometry = new THREE.Geometry();

examples/canvas_geometry_birds.html

@@ -342,8 +342,6 @@
 
 				scene = new THREE.Scene();
 
-				scene.add( camera );
-
 				birds = [];
 				boids = [];
 

examples/canvas_geometry_cube.html

@@ -52,12 +52,11 @@
 				info.innerHTML = 'Drag to spin the cube';
 				container.appendChild( info );
 
-				scene = new THREE.Scene();
-
 				camera = new THREE.PerspectiveCamera( 70, window.innerWidth / window.innerHeight, 1, 1000 );
 				camera.position.y = 150;
 				camera.position.z = 500;
-				scene.add( camera );
+
+				scene = new THREE.Scene();
 
 				// Cube
 

examples/canvas_geometry_earth.html

@@ -54,11 +54,10 @@
 
 				container = document.getElementById( 'container' );
 
-				scene = new THREE.Scene();
-
 				camera = new THREE.PerspectiveCamera( 60, window.innerWidth / window.innerHeight, 1, 10000 );
 				camera.position.z = 500;
-				scene.add( camera );
+
+				scene = new THREE.Scene();
 
 				group = new THREE.Object3D();
 				scene.add( group );

examples/canvas_geometry_hierarchy.html

@@ -43,12 +43,10 @@
 				container = document.createElement( 'div' );
 				document.body.appendChild( container );
 
-				scene = new THREE.Scene();
-
 				camera = new THREE.PerspectiveCamera( 60, window.innerWidth / window.innerHeight, 1, 10000 );
 				camera.position.z = 500;
-				camera.target = new THREE.Vector3();
-				scene.add( camera );
+
+				scene = new THREE.Scene();
 
 				var geometry = new THREE.CubeGeometry( 100, 100, 100 );
 				var material = new THREE.MeshNormalMaterial();

examples/canvas_geometry_panorama.html

@@ -58,8 +58,6 @@
 
 				scene = new THREE.Scene();
 
-				scene.add( camera );
-
 				texture_placeholder = document.createElement( 'canvas' );
 				texture_placeholder.width = 128;
 				texture_placeholder.height = 128;

examples/canvas_geometry_panorama_fisheye.html

@@ -58,8 +58,6 @@
 
 				scene = new THREE.Scene();
 
-				scene.add( camera );
-
 				texture_placeholder = document.createElement( 'canvas' );
 				texture_placeholder.width = 128;
 				texture_placeholder.height = 128;

examples/canvas_geometry_terrain.html

@@ -64,8 +64,6 @@
 
 				scene = new THREE.Scene();
 
-				scene.add( camera );
-
 				var data = generateHeight( 1024, 1024 );
 				var material = new THREE.MeshBasicMaterial( { map: new THREE.Texture( generateTexture( data, 1024, 1024 ) ), overdraw: true } );
 

examples/canvas_geometry_text.html

@@ -63,8 +63,6 @@
 
 				scene = new THREE.Scene();
 
-				scene.add( camera );
-
 				// Get text from hash
 
 				var theText = "Hello three.js! :)";

examples/canvas_interactive_cubes.html

@@ -48,8 +48,6 @@
 
 				scene = new THREE.Scene();
 
-				scene.add( camera );
-
 				var geometry = new THREE.CubeGeometry( 100, 100, 100 );
 
 				for ( var i = 0; i < 10; i ++ ) {

examples/canvas_interactive_cubes_tween.html

@@ -47,8 +47,6 @@
 
 				scene = new THREE.Scene();
 
-				scene.add( camera );
-
 				var geometry = new THREE.CubeGeometry( 100, 100, 100 );
 
 				for ( var i = 0; i < 20; i ++ ) {

examples/canvas_interactive_particles.html

@@ -68,8 +68,6 @@
 
 				scene = new THREE.Scene();
 
-				scene.add( camera );
-
 				for ( var i = 0; i < 100; i ++ ) {
 
 					var particle = new THREE.Particle( new THREE.ParticleCanvasMaterial( { color: Math.random() * 0x808080 + 0x808080, program: programStroke } ) );

examples/canvas_interactive_voxelpainter.html

@@ -50,8 +50,6 @@
 
 				scene = new THREE.Scene();
 
-				scene.add( camera );
-
 				// Grid
 
 				var geometry = new THREE.Geometry();

examples/canvas_lights_pointlights.html

@@ -60,8 +60,6 @@
 
 				scene = new THREE.Scene();
 
-				scene.add( camera );
-
 				scene.add( new THREE.AmbientLight( 0x00020 ) );
 
 				light1 = new THREE.PointLight( 0xff0040, 1, 50 );

examples/canvas_lights_pointlights_smooth.html

@@ -60,8 +60,6 @@
 
 				scene = new THREE.Scene();
 
-				scene.add( camera );
-
 				scene.add( new THREE.AmbientLight( 0x00020 ) );
 
 				light1 = new THREE.PointLight( 0xff0040, 1, 50 );

examples/canvas_lines.html

@@ -49,8 +49,6 @@
 
 				scene = new THREE.Scene();
 
-				scene.add( camera );
-
 				renderer = new THREE.CanvasRenderer();
 				renderer.setSize( window.innerWidth, window.innerHeight );
 				container.appendChild( renderer.domElement );

examples/canvas_lines_sphere.html

@@ -52,8 +52,6 @@
 
 				scene = new THREE.Scene();
 
-				scene.add( camera );
-
 				renderer = new THREE.CanvasRenderer();
 				renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT );
 				container.appendChild( renderer.domElement );

examples/canvas_materials.html

@@ -39,8 +39,6 @@
 
 				scene = new THREE.Scene();
 
-				scene.add( camera );
-
 				// Grid
 
 				var geometry = new THREE.Geometry();

examples/canvas_materials_depth.html

@@ -59,8 +59,6 @@
 
 				scene = new THREE.Scene();
 
-				scene.add( camera );
-
 				// Plane
 
 				var material = new THREE.MeshDepthMaterial( { overdraw: true } );

examples/canvas_materials_normal.html

@@ -58,8 +58,6 @@
 
 				scene = new THREE.Scene();
 
-				scene.add( camera );
-
 				loader = new THREE.JSONLoader();
 				loader.load( 'obj/WaltHeadLo.js', function ( geometry ) {
 

examples/canvas_materials_reflection.html

@@ -59,8 +59,6 @@
 
 				scene = new THREE.Scene();
 
-				scene.add( camera );
-
 				loader = new THREE.JSONLoader();
 				loader.load( 'obj/WaltHeadLo.js', function ( geometry ) {
 

examples/canvas_materials_video.html

@@ -65,8 +65,6 @@
 
 				scene = new THREE.Scene();
 
-				scene.add( camera );
-
 				video = document.getElementById( 'video' );
 
 				//

examples/canvas_particles_floor.html

@@ -48,8 +48,6 @@
 
 				scene = new THREE.Scene();
 
-				scene.add( camera );
-
 				var PI2 = Math.PI * 2;
 				var material = new THREE.ParticleBasicMaterial( { color: 0xffffff } );
 

examples/canvas_particles_random.html

@@ -44,8 +44,6 @@
 
 				scene = new THREE.Scene();
 
-				scene.add( camera );
-
 				var PI2 = Math.PI * 2;
 				var program = function ( context ) {
 

examples/canvas_particles_shapes.html

@@ -69,8 +69,6 @@
 
 				scene = new THREE.Scene();
 
-				scene.add( camera );
-
 				// Get text from hash
 
 				var string = "THREE.JS";

examples/canvas_particles_sprites.html

@@ -45,8 +45,6 @@
 
 				scene = new THREE.Scene();
 
-				scene.add( camera );
-
 				var material = new THREE.ParticleBasicMaterial( { map: new THREE.Texture( generateSprite() ), blending: THREE.AdditiveBlending } );
 
 				for ( var i = 0; i < 1000; i++ ) {

examples/canvas_particles_waves.html

@@ -48,8 +48,6 @@
 
 				scene = new THREE.Scene();
 
-				scene.add( camera );
-
 				particles = new Array();
 
 				var PI2 = Math.PI * 2;

examples/canvas_performance.html

@@ -40,8 +40,6 @@
 
 				scene = new THREE.Scene();
 
-				scene.add( camera );
-
 				// Grid
 
 				var geometry = new THREE.Geometry();

examples/canvas_sandbox.html

@@ -63,8 +63,6 @@
 
 				scene = new THREE.Scene();
 
-				scene.add( camera );
-
 
 				// Grid
 

examples/misc_camera_fly.html

@@ -86,13 +86,11 @@
 				container = document.createElement( 'div' );
 				document.body.appendChild( container );
 
-				scene = new THREE.Scene();
-				scene.fog = new THREE.FogExp2( 0x000000, 0.00000025 );
-
 				camera = new THREE.PerspectiveCamera( 25, SCREEN_WIDTH / SCREEN_HEIGHT, 50, 1e7 );
 				camera.position.z = radius * 5;
 
-				scene.add( camera );
+				scene = new THREE.Scene();
+				scene.fog = new THREE.FogExp2( 0x000000, 0.00000025 );
 
 				controls = new THREE.FlyControls( camera );
 

examples/misc_camera_orbit.html

@@ -57,19 +57,15 @@
 
 			function init() {
 
-				// scene and camera
-
-				scene = new THREE.Scene();
-				scene.fog = new THREE.FogExp2( 0xcccccc, 0.002 );
-
 				camera = new THREE.PerspectiveCamera( 60, window.innerWidth / window.innerHeight, 1, 1000 );
 				camera.position.z = 500;
 
-				scene.add( camera );
-
 				controls = new THREE.OrbitControls( camera );
 				controls.addEventListener( 'change', render );
 
+				scene = new THREE.Scene();
+				scene.fog = new THREE.FogExp2( 0xcccccc, 0.002 );
+
 				// world
 
 				var geometry = new THREE.CylinderGeometry( 0, 10, 30, 4, 1 );

examples/misc_camera_path.html

@@ -60,9 +60,6 @@
 
 			function init() {
 
-				scene = new THREE.Scene();
-				scene.fog = new THREE.FogExp2( 0xcccccc, 0.002 );
-
 				camera = new THREE.PerspectiveCamera( 40, window.innerWidth / window.innerHeight, 1, 1000 );
 
 				controls = new THREE.PathControls( camera );
@@ -81,10 +78,13 @@
 
 				controls.init();
 
-				scene.add( controls.animationParent );
-
 				// world
 
+				scene = new THREE.Scene();
+				scene.fog = new THREE.FogExp2( 0xcccccc, 0.002 );
+
+				scene.add( controls.animationParent );
+
 				var geometry = new THREE.CylinderGeometry( 0, 10, 30, 4, 1 );
 				var material =  new THREE.MeshLambertMaterial( { color:0xffffff, shading: THREE.FlatShading } );
 

examples/misc_camera_roll.html

@@ -59,11 +59,6 @@
 
 			function init() {
 
-				// scene and camera
-
-				scene = new THREE.Scene();
-				scene.fog = new THREE.FogExp2( 0xcccccc, 0.002 );
-
 				camera = new THREE.PerspectiveCamera( 60, window.innerWidth / window.innerHeight, 1, 1000 );
 
 				controls = new THREE.RollControls( camera );
@@ -75,6 +70,9 @@
 
 				// world
 
+				scene = new THREE.Scene();
+				scene.fog = new THREE.FogExp2( 0xcccccc, 0.002 );
+
 				var geometry = new THREE.CylinderGeometry( 0, 10, 30, 4, 1 );
 				var material =  new THREE.MeshLambertMaterial( { color:0xffffff, shading: THREE.FlatShading } );
 
@@ -90,8 +88,6 @@
 
 				}
 
-				scene.add( camera );
-
 				// lights
 
 				light = new THREE.DirectionalLight( 0xffffff );

examples/misc_camera_trackball.html

@@ -58,16 +58,9 @@
 
 			function init() {
 
-				// scene and camera
-
-				scene = new THREE.Scene();
-				scene.fog = new THREE.FogExp2( 0xcccccc, 0.002 );
-
 				camera = new THREE.PerspectiveCamera( 60, window.innerWidth / window.innerHeight, 1, 1000 );
 				camera.position.z = 500;
 
-				scene.add( camera );
-
 				controls = new THREE.TrackballControls( camera );
 
 				controls.rotateSpeed = 1.0;
@@ -86,6 +79,9 @@
 
 				// world
 
+				scene = new THREE.Scene();
+				scene.fog = new THREE.FogExp2( 0xcccccc, 0.002 );
+
 				var geometry = new THREE.CylinderGeometry( 0, 10, 30, 4, 1 );
 				var material =  new THREE.MeshLambertMaterial( { color:0xffffff, shading: THREE.FlatShading } );
 

examples/misc_lights_test.html

@@ -83,12 +83,10 @@
 				container = document.createElement('div');
 				document.body.appendChild(container);
 
-				scene = new THREE.Scene();
-
 				camera = new THREE.PerspectiveCamera( 75, SCREEN_WIDTH / SCREEN_HEIGHT, 1, 100000 );
 				camera.position.z = 500;
 
-				scene.add( camera );
+				scene = new THREE.Scene();
 
 				// Spheres
 

examples/misc_lookat.html

@@ -59,11 +59,10 @@
 				container = document.createElement( 'div' );
 				document.body.appendChild( container );
 
-				scene = new THREE.Scene();
-
 				camera = new THREE.PerspectiveCamera( 40, window.innerWidth / window.innerHeight, 1, 15000 );
 				camera.position.z = 3200;
-				scene.add( camera );
+
+				scene = new THREE.Scene();
 
 				sphere = new THREE.Mesh( new THREE.SphereGeometry( 100, 20, 20 ), new THREE.MeshNormalMaterial( { shading: THREE.SmoothShading } ) );
 				scene.add( sphere );

examples/misc_software.html

@@ -48,15 +48,14 @@
 				info.innerHTML = '<a href="https://github.com/mrdoob/three.js/" target="_blank">three.js<a/> - software renderer<br/>drag to change the point of view';
 				container.appendChild( info );
 
-				scene = new THREE.Scene();
-
 				camera = new THREE.PerspectiveCamera( 70, window.innerWidth / window.innerHeight, 1, 10000 );
 				camera.position.y = 150;
 				camera.position.z = 600;
-				scene.add( camera );
 
 				controls = new THREE.TrackballControls( camera );
 
+				scene = new THREE.Scene();
+
 				sphere = new THREE.Mesh( new THREE.IcosahedronGeometry( 150, 3 ), new THREE.MeshBasicMaterial() );
 				scene.add( sphere );
 

examples/misc_sound.html

@@ -107,14 +107,9 @@
 
 				container = document.getElementById( 'container' );
 
-				scene = new THREE.Scene();
-				scene.fog = new THREE.FogExp2( 0x000000, 0.0035 );
-
 				camera = new THREE.PerspectiveCamera( 50, window.innerWidth / window.innerHeight, 1, 10000 );
 				camera.position.set( 0, 25, 0 );
 
-				scene.add( camera );
-
 				controls = new THREE.FirstPersonControls( camera );
 
 				controls.movementSpeed = 70;
@@ -122,6 +117,9 @@
 				controls.noFly = true;
 				controls.lookVertical = false;
 
+				scene = new THREE.Scene();
+				scene.fog = new THREE.FogExp2( 0x000000, 0.0035 );
+
 				light = new THREE.DirectionalLight( 0xffffff );
 				light.position.set( 0, 0.5, 1 ).normalize();
 				scene.add( light );

examples/misc_ubiquity_test.html

@@ -52,8 +52,6 @@
 
 				scene = new THREE.Scene();
 
-				scene.add( camera );
-
 				// QRCODE
 
 				qrcode = mesh = new THREE.Mesh( new Qrcode(), new THREE.MeshFaceMaterial() );

examples/webgl_animation_skinning.html

@@ -80,8 +80,6 @@
 				scene.fog = new THREE.FogExp2( 0xffffff, 0.0003 );
 				scene.fog.color.setHSV( 0.1, 0.10, 1 );
 
-				scene.add( camera );
-
 				light = new THREE.DirectionalLight( 0xffffff, 1.5 );
 				light.position.set( 0, 1, 1 ).normalize();
 				scene.add( light );

examples/webgl_custom_attributes.html

@@ -105,8 +105,6 @@
 
 			scene = new THREE.Scene();
 
-			scene.add( camera );
-
 			attributes = {
 
 				displacement: {	type: 'f', value: [] }

examples/webgl_custom_attributes_lines.html

@@ -109,12 +109,10 @@
 
 		function init() {
 
-			scene = new THREE.Scene();
-
 			camera = new THREE.PerspectiveCamera( 30, WIDTH / HEIGHT, 1, 10000 );
 			camera.position.z = 400;
 
-			scene.add( camera );
+			scene = new THREE.Scene();
 
 			attributes = {
 

examples/webgl_custom_attributes_particles.html

@@ -89,8 +89,8 @@
 
 		var noise = [];
 
-		var WIDTH = window.innerWidth,
-			HEIGHT = window.innerHeight;
+		var WIDTH = window.innerWidth;
+		var HEIGHT = window.innerHeight;
 
 		init();
 		animate();
@@ -102,8 +102,6 @@
 
 			scene = new THREE.Scene();
 
-			scene.add( camera );
-
 			attributes = {
 
 				size: {	type: 'f', value: [] },

examples/webgl_custom_attributes_particles2.html

@@ -85,8 +85,8 @@
 
 		var vc1;
 
-		var WIDTH = window.innerWidth,
-			HEIGHT = window.innerHeight;
+		var WIDTH = window.innerWidth;
+		var HEIGHT = window.innerHeight;
 
 		init();
 		animate();
@@ -98,8 +98,6 @@
 
 			scene = new THREE.Scene();
 
-			scene.add( camera );
-
 			attributes = {
 
 				size: {	type: 'f', value: [] },

examples/webgl_custom_attributes_particles3.html

@@ -93,8 +93,8 @@
 
 		var vc1;
 
-		var WIDTH = window.innerWidth,
-			HEIGHT = window.innerHeight;
+		var WIDTH = window.innerWidth;
+		var HEIGHT = window.innerHeight;
 
 		init();
 		animate();
@@ -106,8 +106,6 @@
 
 			scene = new THREE.Scene();
 
-			scene.add( camera );
-
 			attributes = {
 
 				size: {	type: 'f', value: [] },

examples/webgl_geometries.html

@@ -36,11 +36,10 @@
 				container = document.createElement( 'div' );
 				document.body.appendChild( container );
 
-				scene = new THREE.Scene();
-
 				camera = new THREE.PerspectiveCamera( 45, window.innerWidth / window.innerHeight, 1, 2000 );
 				camera.position.y = 400;
-				scene.add( camera );
+
+				scene = new THREE.Scene();
 
 				var light, object, materials;
 

examples/webgl_geometries2.html

@@ -47,11 +47,10 @@
 				container = document.createElement( 'div' );
 				document.body.appendChild( container );
 
-				scene = new THREE.Scene();
-
 				camera = new THREE.PerspectiveCamera( 45, window.innerWidth / window.innerHeight, 1, 2000 );
 				camera.position.y = 400;
-				scene.add( camera );
+
+				scene = new THREE.Scene();
 
 				var light, object, materials;
 

examples/webgl_geometry_colors.html

@@ -61,11 +61,10 @@
 
 				container = document.getElementById( 'container' );
 
-				scene = new THREE.Scene();
-
 				camera = new THREE.PerspectiveCamera( 20, window.innerWidth / window.innerHeight, 1, 10000 );
 				camera.position.z = 1800;
-				scene.add( camera );
+
+				scene = new THREE.Scene();
 
 				light = new THREE.DirectionalLight( 0xffffff );
 				light.position.set( 0, 0, 1 );

examples/webgl_geometry_colors_blender.html

@@ -61,11 +61,10 @@
 
 				container = document.getElementById( 'container' );
 
-				scene = new THREE.Scene();
-
 				camera = new THREE.PerspectiveCamera( 40, window.innerWidth / window.innerHeight, 1, 10000 );
 				camera.position.z = 1800;
-				scene.add( camera );
+
+				scene = new THREE.Scene();
 
 				light = new THREE.DirectionalLight( 0xffffff );
 				light.position.set( 0, 0, 1 ).normalize();

examples/webgl_geometry_convex.html

@@ -35,11 +35,10 @@
 				container = document.createElement( 'div' );
 				document.body.appendChild( container );
 
-				scene = new THREE.Scene();
-
 				camera = new THREE.PerspectiveCamera( 45, window.innerWidth / window.innerHeight, 1, 2000 );
 				camera.position.y = 400;
-				scene.add( camera );
+
+				scene = new THREE.Scene();
 
 				var light, object, materials;
 

examples/webgl_geometry_cube.html

@@ -25,15 +25,10 @@
 
 			function init() {
 
-				scene = new THREE.Scene();
-
-				//
-
 				camera = new THREE.PerspectiveCamera( 70, window.innerWidth / window.innerHeight, 1, 1000 );
 				camera.position.z = 400;
-				scene.add( camera );
 
-				//
+				scene = new THREE.Scene();
 
 				geometry = new THREE.CubeGeometry( 200, 200, 200 );
 				material = new THREE.MeshBasicMaterial( { map: THREE.ImageUtils.loadTexture( 'textures/crate.gif' ) });
@@ -41,14 +36,10 @@
 				mesh = new THREE.Mesh( geometry, material);
 				scene.add( mesh );
 
-				//
-
 				renderer = new THREE.WebGLRenderer();
 				renderer.setSize( window.innerWidth, window.innerHeight );
 				document.body.appendChild( renderer.domElement );
 
-				//
-
 				window.addEventListener( 'resize', onWindowResize, false );
 
 			}

examples/webgl_geometry_dynamic.html

@@ -72,18 +72,17 @@
 
 				container = document.getElementById( 'container' );
 
-				scene = new THREE.Scene();
-				scene.fog = new THREE.FogExp2( 0xaaccff, 0.0007 );
-
 				camera = new THREE.PerspectiveCamera( 60, window.innerWidth / window.innerHeight, 1, 20000 );
 				camera.position.y = 200;
-				scene.add( camera );
 
 				controls = new THREE.FirstPersonControls( camera );
 
 				controls.movementSpeed = 500;
 				controls.lookSpeed = 0.1
 
+				scene = new THREE.Scene();
+				scene.fog = new THREE.FogExp2( 0xaaccff, 0.0007 );
+
 				geometry = new THREE.PlaneGeometry( 20000, 20000, worldWidth - 1, worldDepth - 1 );
 				geometry.applyMatrix( new THREE.Matrix4().makeRotationX( - Math.PI / 2 ) );
 				geometry.dynamic = true;

examples/webgl_geometry_extrude_shapes.html

@@ -58,11 +58,10 @@
 				info.innerHTML = 'Shapes Extrusion via Spline path<br/>Drag to spin';
 				container.appendChild( info );
 
-				scene = new THREE.Scene();
-
 				camera = new THREE.PerspectiveCamera( 50, window.innerWidth / window.innerHeight, 1, 1000 );
 				camera.position.set( 0, 150, 500 );
-				scene.add( camera );
+
+				scene = new THREE.Scene();
 
 				var light = new THREE.DirectionalLight( 0xffffff );
 				light.position.set( 0, 0, 1 );
@@ -334,4 +333,4 @@
 	</script>
 
 </body>
-</html>
+</html>

examples/webgl_geometry_extrude_splines.html

@@ -194,17 +194,13 @@
 
 			container.appendChild(info);
 
-			scene = new THREE.Scene();
-
-			//
 			camera = new THREE.PerspectiveCamera(50, window.innerWidth / window.innerHeight, 0.01, 1000);
 			splineCamera = new THREE.PerspectiveCamera(84, window.innerWidth / window.innerHeight, 0.01, 1000);
 			cameraHelper = new THREE.CameraHelper(splineCamera);
 
 			camera.position.set(0, 50, 500);
 
-			scene.add(camera);
-
+			scene = new THREE.Scene();
 
 			var light = new THREE.DirectionalLight(0xffffff);
 			light.position.set(0, 0, 1);

examples/webgl_geometry_extrude_uvs2.html

@@ -25,18 +25,11 @@
 	var rY = 0;
 
 	window.launch = function() {
-		scene    = new THREE.Scene();
-		renderer = new THREE.WebGLRenderer();
-		camera   = new THREE.PerspectiveCamera(30, WIDTH / HEIGHT);
-		camera.position.set(0, 0, 20);
-		scene.add(camera);
-		renderer.setSize(WIDTH, HEIGHT);
 
-		// show canvas
-		targetCanvas = renderer.domElement;
-		targetCanvas.width  = WIDTH;
-		targetCanvas.height = HEIGHT;
-		document.getElementById('canvas-container').appendChild(targetCanvas);
+		camera = new THREE.PerspectiveCamera(30, WIDTH / HEIGHT);
+		camera.position.z = 20;
+
+		scene = new THREE.Scene();
 
 		/** Custom UV mapper **/
 		uvGenerator = new THREE.UVsUtils.CylinderUVGenerator();
@@ -47,6 +40,15 @@
 		tex = setupTexture(TestTextureData);
 		renewMesh();
 
+		renderer = new THREE.WebGLRenderer();
+		renderer.setSize(WIDTH, HEIGHT);
+
+		// show canvas
+		targetCanvas = renderer.domElement;
+		targetCanvas.width  = WIDTH;
+		targetCanvas.height = HEIGHT;
+		document.getElementById('canvas-container').appendChild(targetCanvas);
+
 		setupAnimation();
 		render();
 	};
@@ -191,4 +193,4 @@
 		</div>
 		<div id="canvas-container"></div>
 	</body>
-</html>
+</html>

examples/webgl_geometry_hierarchy.html

@@ -42,12 +42,11 @@
 				container = document.createElement( 'div' );
 				document.body.appendChild( container );
 
-				scene = new THREE.Scene();
-				scene.fog = new THREE.Fog( 0xffffff, 1, 10000 );
-
 				camera = new THREE.PerspectiveCamera( 60, window.innerWidth / window.innerHeight, 1, 10000 );
 				camera.position.z = 500;
-				scene.add( camera );
+
+				scene = new THREE.Scene();
+				scene.fog = new THREE.Fog( 0xffffff, 1, 10000 );
 
 				var geometry = new THREE.CubeGeometry( 100, 100, 100 );
 				var material = new THREE.MeshNormalMaterial();

examples/webgl_geometry_hierarchy2.html

@@ -42,11 +42,10 @@
 				container = document.createElement( 'div' );
 				document.body.appendChild( container );
 
-				scene = new THREE.Scene();
-
 				camera = new THREE.PerspectiveCamera( 60, window.innerWidth / window.innerHeight, 1, 15000 );
 				camera.position.z = 500;
-				scene.add( camera );
+
+				scene = new THREE.Scene();
 
 				var geometry = new THREE.CubeGeometry( 100, 100, 100 );
 				var material = new THREE.MeshNormalMaterial();

examples/webgl_geometry_large_mesh.html

@@ -101,11 +101,10 @@
 				container = document.createElement( 'div' );
 				document.body.appendChild( container );
 
-				scene = new THREE.Scene();
-
 				camera = new THREE.PerspectiveCamera( 50, SCREEN_WIDTH / SCREEN_HEIGHT, 1, 100000 );
 				camera.position.z = 1500;
-				scene.add( camera );
+
+				scene = new THREE.Scene();
 
 				// LIGHTS
 

examples/webgl_geometry_minecraft.html

@@ -75,10 +75,7 @@
 
 				container = document.getElementById( 'container' );
 
-				scene = new THREE.Scene();
-
 				camera = new THREE.PerspectiveCamera( 60, window.innerWidth / window.innerHeight, 1, 20000 );
-				scene.add( camera );
 
 				controls = new THREE.FirstPersonControls( camera );
 
@@ -86,6 +83,8 @@
 				controls.lookSpeed = 0.125;
 				controls.lookVertical = true;
 
+				scene = new THREE.Scene();
+
 				var grass_dirt = loadTexture( 'textures/minecraft/grass_dirt.png' ),
 				grass = loadTexture( 'textures/minecraft/grass.png' ),
 				dirt = loadTexture( 'textures/minecraft/dirt.png' );

examples/webgl_geometry_minecraft_ao.html

@@ -85,12 +85,8 @@
 
 				container = document.getElementById( 'container' );
 
-				scene = new THREE.Scene();
-				scene.fog = new THREE.FogExp2( 0xffffff, 0.00015 );
-
 				camera = new THREE.PerspectiveCamera( 50, window.innerWidth / window.innerHeight, 1, 20000 );
 				camera.position.y = getY( worldHalfWidth, worldHalfDepth ) * 100 + 100;
-				scene.add( camera );
 
 				controls = new THREE.FirstPersonControls( camera );
 
@@ -101,6 +97,9 @@
 				controls.verticalMin = 1.1;
 				controls.verticalMax = 2.2;
 
+				scene = new THREE.Scene();
+				scene.fog = new THREE.FogExp2( 0xffffff, 0.00015 );
+
 				var debug_texture = false,
 					debug_numbers = false,
 					debug_corner_colors = false,

examples/webgl_geometry_shapes.html

@@ -54,11 +54,10 @@
 				info.innerHTML = 'Simple procedurally generated 3D shapes example by <a href="http://www.lab4games.net/zz85/blog">zz85</a><br/>Drag to spin';
 				container.appendChild( info );
 
-				scene = new THREE.Scene();
-
 				camera = new THREE.PerspectiveCamera( 50, window.innerWidth / window.innerHeight, 1, 1000 );
 				camera.position.set( 0, 150, 500 );
-				scene.add( camera );
+
+				scene = new THREE.Scene();
 
 				var light = new THREE.DirectionalLight( 0xffffff );
 				light.position.set( 0, 0, 1 );

examples/webgl_geometry_subdivison.html

@@ -350,11 +350,10 @@
 				info.innerHTML = 'Drag to spin the geometry ';
 				container.appendChild( info );
 
-				scene = new THREE.Scene();
-
 				camera = new THREE.PerspectiveCamera( 70, window.innerWidth / window.innerHeight, 1, 1000 );
 				camera.position.z = 500;
-				scene.add( camera );
+
+				scene = new THREE.Scene();
 
 				var light = new THREE.PointLight( 0xffffff, 1.5 );
 				light.position.set( 1000, 1000, 2000 );

examples/webgl_geometry_terrain.html

@@ -67,10 +67,9 @@
 
 				container = document.getElementById( 'container' );
 
-				scene = new THREE.Scene();
-
 				camera = new THREE.PerspectiveCamera( 60, window.innerWidth / window.innerHeight, 1, 20000 );
-				scene.add( camera );
+
+				scene = new THREE.Scene();
 
 				controls = new THREE.FirstPersonControls( camera );
 				controls.movementSpeed = 1000;

examples/webgl_geometry_terrain_fog.html

@@ -68,17 +68,15 @@
 
 				container = document.getElementById( 'container' );
 
-				scene = new THREE.Scene();
-				scene.fog = new THREE.FogExp2( 0xefd1b5, 0.0025 );
-
 				camera = new THREE.PerspectiveCamera( 60, window.innerWidth / window.innerHeight, 1, 10000 );
-				scene.add( camera );
 
 				controls = new THREE.FirstPersonControls( camera );
-
 				controls.movementSpeed = 150;
 				controls.lookSpeed = 0.1;
 
+				scene = new THREE.Scene();
+				scene.fog = new THREE.FogExp2( 0xefd1b5, 0.0025 );
+
 				data = generateHeight( worldWidth, worldDepth );
 
 				camera.position.y = data[ worldHalfWidth + worldHalfDepth * worldWidth ] * 10 + 500;

examples/webgl_geometry_tessellation.html

@@ -100,14 +100,12 @@
 
 		function init() {
 
-			scene = new THREE.Scene();
-
 			camera = new THREE.PerspectiveCamera( 25, WIDTH / HEIGHT, 1, 10000 );
 			camera.position.z = 350;
 
 			controls = new THREE.TrackballControls( camera );
 
-			scene.add( camera );
+			scene = new THREE.Scene();
 
 			//
 

examples/webgl_geometry_text.html

@@ -159,19 +159,18 @@
 
 				permalink = document.getElementById( "permalink" );
 
-				// SCENE
-
-				scene = new THREE.Scene();
-				scene.fog = new THREE.Fog( 0x000000, 250, 1400 );
-
 				// CAMERA
 
 				camera = new THREE.PerspectiveCamera( 30, window.innerWidth / window.innerHeight, 1, 1500 );
 				camera.position.set( 0, 400, 700 );
-				scene.add( camera );
 
 				cameraTarget = new THREE.Vector3( 0, 150, 0 );
 
+				// SCENE
+
+				scene = new THREE.Scene();
+				scene.fog = new THREE.Fog( 0x000000, 250, 1400 );
+
 				// LIGHTS
 
 				var dirLight = new THREE.DirectionalLight( 0xffffff, 0.125 );

examples/webgl_hdr.html

@@ -121,12 +121,10 @@
 
 				container = document.getElementById( 'container' );
 
-				scene = new THREE.Scene();
-
 				camera = new THREE.PerspectiveCamera( 50, window.innerWidth / window.innerHeight, 1, 10000 );
 				camera.position.z = 900;
-				scene.add( camera );
 
+				scene = new THREE.Scene();
 
 				var texture = THREE.ImageUtils.loadTexture( "textures/memorial.png" );
 				texture.minFilter = THREE.LinearFilter;

examples/webgl_interactive_cubes.html

@@ -42,11 +42,10 @@
 				info.innerHTML = '<a href="http://github.com/mrdoob/three.js" target="_blank">three.js</a> webgl - interactive cubes';
 				container.appendChild( info );
 
-				scene = new THREE.Scene();
-
 				camera = new THREE.PerspectiveCamera( 70, window.innerWidth / window.innerHeight, 1, 10000 );
 				camera.position.set( 0, 300, 500 );
-				scene.add( camera );
+
+				scene = new THREE.Scene();
 
 				var light = new THREE.DirectionalLight( 0xffffff, 2 );
 				light.position.set( 1, 1, 1 ).normalize();

examples/webgl_interactive_cubes_gpu.html

@@ -57,14 +57,8 @@
 
 				container = document.getElementById("container");
 
-				scene = new THREE.Scene();
-				pickingScene = new THREE.Scene();
-				pickingTexture = new THREE.WebGLRenderTarget(window.innerWidth, window.innerHeight);
-				pickingTexture.generateMipmaps = false;
-
 				camera = new THREE.PerspectiveCamera( 70, window.innerWidth / window.innerHeight, 1, 10000 );
 				camera.position.z = 1000;
-				scene.add( camera );
 
 				controls = new THREE.TrackballControls( camera );
 				controls.rotateSpeed = 1.0;
@@ -75,6 +69,11 @@
 				controls.staticMoving = true;
 				controls.dynamicDampingFactor = 0.3;
 
+				scene = new THREE.Scene();
+				pickingScene = new THREE.Scene();
+				pickingTexture = new THREE.WebGLRenderTarget(window.innerWidth, window.innerHeight);
+				pickingTexture.generateMipmaps = false;
+
 				scene.add( new THREE.AmbientLight( 0x555555 ) );
 
 				var light = new THREE.SpotLight( 0xffffff, 1.5 );

examples/webgl_interactive_draggablecubes.html

@@ -37,11 +37,8 @@
 				container = document.createElement( 'div' );
 				document.body.appendChild( container );
 
-				scene = new THREE.Scene();
-
 				camera = new THREE.PerspectiveCamera( 70, window.innerWidth / window.innerHeight, 1, 10000 );
 				camera.position.z = 1000;
-				scene.add( camera );
 
 				controls = new THREE.TrackballControls( camera );
 				controls.rotateSpeed = 1.0;
@@ -52,6 +49,8 @@
 				controls.staticMoving = true;
 				controls.dynamicDampingFactor = 0.3;
 
+				scene = new THREE.Scene();
+
 				scene.add( new THREE.AmbientLight( 0x505050 ) );
 
 				var light = new THREE.SpotLight( 0xffffff, 1.5 );

examples/webgl_interactive_voxelpainter.html

@@ -29,7 +29,7 @@
 			if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
 
 			var container, stats;
-			var camera, cameraTarget, scene, renderer;
+			var camera, scene, renderer;
 			var projector, plane, cube;
 			var mouse2D, mouse3D, ray,
 			rollOveredFace, isShiftDown = false,
@@ -59,14 +59,10 @@
 				info.innerHTML = '<a href="http://github.com/mrdoob/three.js" target="_blank">three.js</a> - voxel painter - webgl<br><strong>click</strong>: add voxel, <strong>control + click</strong>: remove voxel, <strong>shift + click</strong>: rotate, <a href="javascript:save();return false;">save .png</a>';
 				container.appendChild( info );
 
-				scene = new THREE.Scene();
-
 				camera = new THREE.CombinedCamera( window.innerWidth, window.innerHeight, 45, 1, 10000, -2000, 10000 );
 				camera.position.y = 800;
-				scene.add( camera );
-
-				cameraTarget = new THREE.Vector3( 0, 0, 0 );
 
+				scene = new THREE.Scene();
 
 				// roll-over helpers
 
@@ -295,7 +291,7 @@
 				camera.position.x = 1400 * Math.sin( theta * Math.PI / 360 );
 				camera.position.z = 1400 * Math.cos( theta * Math.PI / 360 );
 
-				camera.lookAt( cameraTarget );
+				camera.lookAt( scene.position );
 
 				renderer.render( scene, camera );
 

examples/webgl_kinect.html

@@ -135,14 +135,13 @@
 				stats.domElement.style.top = '0px';
 				// container.appendChild( stats.domElement );
 
+				camera = new THREE.PerspectiveCamera( 50, window.innerWidth / window.innerHeight, 1, 10000 );
+				camera.position.set( 0, 0, 500 );
+
 				scene = new THREE.Scene();
 				center = new THREE.Vector3();
 				center.z = - 1000;
 
-				camera = new THREE.PerspectiveCamera( 50, window.innerWidth / window.innerHeight, 1, 10000 );
-				camera.position.set( 0, 0, 500 );
-				scene.add( camera );
-
 				video = document.createElement( 'video' );
 				video.addEventListener( 'loadedmetadata', function ( event ) {
 

examples/webgl_lensflares.html

@@ -79,8 +79,6 @@
 				// scene
 
 				scene = new THREE.Scene();
-				scene.add( camera );
-
 				scene.fog = new THREE.Fog( 0x000000, 3500, 15000 );
 				scene.fog.color.setHSV( 0.51, 0.6, 0.025 );
 

examples/webgl_lights_pointlights.html

@@ -61,11 +61,10 @@
 
 				var container = document.getElementById( 'container' );
 
-				scene = new THREE.Scene();
-
 				camera = new THREE.PerspectiveCamera( 50, window.innerWidth / window.innerHeight, 1, 1000 );
 				camera.position.z = 100;
-				scene.add( camera );
+
+				scene = new THREE.Scene();
 
 				loader = new THREE.BinaryLoader( true );
 				document.body.appendChild( loader.statusDomElement );

examples/webgl_lights_pointlights2.html

@@ -62,20 +62,17 @@
 
 				var container = document.getElementById( 'container' );
 
-				// SCENE
-
-				scene = new THREE.Scene();
-
-				scene.fog = new THREE.Fog( 0x030303, 10, FAR );
-				scene.fog.color.setHSV( 0.75, 0.5, 0.025 );
-
 				// CAMERA
 
 				camera = new THREE.PerspectiveCamera( 50, window.innerWidth / window.innerHeight, 1, FAR );
 				camera.position.set( 0, 15, 150 );
-				scene.add( camera );
+				camera.lookAt( new THREE.Vector3() );
+
+				// SCENE
 
-				camera.lookAt( scene.position );
+				scene = new THREE.Scene();
+				scene.fog = new THREE.Fog( 0x030303, 10, FAR );
+				scene.fog.color.setHSV( 0.75, 0.5, 0.025 );
 
 				// CONTROLS
 

examples/webgl_lines_colors.html

@@ -80,11 +80,10 @@
 				container = document.createElement( 'div' );
 				document.body.appendChild( container );
 
-				scene = new THREE.Scene();
-
 				camera = new THREE.PerspectiveCamera( 33, window.innerWidth / window.innerHeight, 1, 10000 );
 				camera.position.z = 700;
-				scene.add( camera );
+
+				scene = new THREE.Scene();
 
 				renderer = new THREE.WebGLRenderer( { clearColor: 0x000000, clearAlpha: 1, antialias: false } );
 				renderer.setSize( window.innerWidth, window.innerHeight );

examples/webgl_lines_cubes.html

@@ -70,11 +70,10 @@
 				container = document.createElement( 'div' );
 				document.body.appendChild( container );
 
-				scene = new THREE.Scene();
-
 				camera = new THREE.PerspectiveCamera( 33, window.innerWidth / window.innerHeight, 1, 10000 );
 				camera.position.z = 700;
-				scene.add( camera );
+
+				scene = new THREE.Scene();
 
 				renderer = new THREE.WebGLRenderer();
 				renderer.setSize( window.innerWidth, window.innerHeight );

examples/webgl_lines_sphere.html

@@ -74,11 +74,10 @@
 				container = document.createElement( 'div' );
 				document.body.appendChild( container );
 
-				scene = new THREE.Scene();
-
 				camera = new THREE.PerspectiveCamera( 80, SCREEN_WIDTH / SCREEN_HEIGHT, 1, 3000 );
 				camera.position.z = 1000;
-				scene.add( camera );
+
+				scene = new THREE.Scene();
 
 				var i, line, vertex1, vertex2, material, p,
 					parameters = [ [ 0.25, 0xff7700, 1, 2 ], [ 0.5, 0xff9900, 1, 1 ], [ 0.75, 0xffaa00, 0.75, 1 ], [ 1, 0xffaa00, 0.5, 1 ], [ 1.25, 0x000833, 0.8, 1 ],

examples/webgl_lines_splines.html

@@ -70,11 +70,10 @@
 				container = document.createElement( 'div' );
 				document.body.appendChild( container );
 
-				scene = new THREE.Scene();
-
 				camera = new THREE.PerspectiveCamera( 33, window.innerWidth / window.innerHeight, 1, 10000 );
 				camera.position.z = 700;
-				scene.add( camera );
+
+				scene = new THREE.Scene();
 
 				renderer = new THREE.WebGLRenderer( { antialias: true } );
 				renderer.setSize( window.innerWidth, window.innerHeight );

examples/webgl_loader_collada.html

@@ -69,11 +69,10 @@
 				container = document.createElement( 'div' );
 				document.body.appendChild( container );
 
-				scene = new THREE.Scene();
-
 				camera = new THREE.PerspectiveCamera( 45, window.innerWidth / window.innerHeight, 1, 2000 );
 				camera.position.set( 2, 2, 3 );
-				scene.add( camera );
+
+				scene = new THREE.Scene();
 
 				// Grid
 

examples/webgl_loader_collada_keyframe.html

@@ -75,17 +75,15 @@
 				var container = document.createElement( 'div' );
 				document.body.appendChild( container );
 
-				// Scene
-
-				scene = new THREE.Scene();
-
 				// Camera
 
 				camera = new THREE.PerspectiveCamera( 40, window.innerWidth / window.innerHeight, 0.01, 1000 );
 				camera.position.set( -5.00181875, 3.42631375, 11.3102925 );
 				camera.lookAt( new THREE.Vector3( -1.224774125, 2.18410625, 4.57969125 ) );
 
-				scene.add( camera );
+				// Scene
+
+				scene = new THREE.Scene();
 
 				// KeyFrame Animations
 

examples/webgl_loader_ctm.html

@@ -71,12 +71,11 @@
 				container = document.createElement( 'div' );
 				document.body.appendChild( container );
 
-				scene = new THREE.Scene();
-				scene.fog = new THREE.Fog( 0x050505, 800, 2000 );
-
 				camera = new THREE.PerspectiveCamera( 20, SCREEN_WIDTH / SCREEN_HEIGHT, 1, 2000 );
 				camera.position.z = 800;
-				scene.add( camera );
+
+				scene = new THREE.Scene();
+				scene.fog = new THREE.Fog( 0x050505, 800, 2000 );
 
 				var path = "textures/cube/SwedishRoyalCastle/";
 				var format = '.jpg';

examples/webgl_loader_ctm_materials.html

@@ -79,19 +79,17 @@
 				container = document.createElement( 'div' );
 				document.body.appendChild( container );
 
-				// SCENE
-
-				scene = new THREE.Scene();
-
 				// CAMERA
 
 				camera = new THREE.PerspectiveCamera( 25, SCREEN_WIDTH / SCREEN_HEIGHT, 1, 10000 );
 				camera.position.set( 185, 40, 170 );
-				scene.add( camera );
 
 				controls = new THREE.TrackballControls( camera );
 				controls.dynamicDampingFactor = 0.25;
 
+				// SCENE
+
+				scene = new THREE.Scene();
 
 				// SKYBOX
 

examples/webgl_loader_json_blender.html

@@ -78,13 +78,11 @@
 				container = document.createElement( 'div' );
 				document.body.appendChild( container );
 
-				scene = new THREE.Scene();
-				scene.fog = new THREE.FogExp2( 0x000000, 0.035 );
-
 				camera = new THREE.PerspectiveCamera( 50, window.innerWidth / window.innerHeight, 1, 2000 );
 				camera.position.set( 2, 4, 5 );
-				scene.add( camera );
 
+				scene = new THREE.Scene();
+				scene.fog = new THREE.FogExp2( 0x000000, 0.035 );
 
 				// Add Blender exported Collada model
 

examples/webgl_loader_obj.html

@@ -57,14 +57,13 @@
 				container = document.createElement( 'div' );
 				document.body.appendChild( container );
 
+				camera = new THREE.PerspectiveCamera( 45, window.innerWidth / window.innerHeight, 1, 2000 );
+				camera.position.z = 100;
+
 				// scene
 
 				scene = new THREE.Scene();
 
-				camera = new THREE.PerspectiveCamera( 45, window.innerWidth / window.innerHeight, 1, 2000 );
-				camera.position.z = 100;
-				scene.add( camera );
-
 				var ambient = new THREE.AmbientLight( 0x101030 );
 				scene.add( ambient );
 

examples/webgl_loader_scene.html

@@ -219,8 +219,9 @@
 				document.body.appendChild( container );
 
 				var loadScene = createLoadScene();
-				scene  = loadScene.scene;
+
 				camera = loadScene.camera;
+				scene = loadScene.scene;
 
 				renderer = new THREE.WebGLRenderer( { antialias: true } );
 				renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT );
@@ -339,14 +340,12 @@
 
 				$( "progress" ).style.display = "none";
 
-				scene = loaded.scene;
 				camera = loaded.currentCamera;
-
-				scene.add( camera );
-
 				camera.aspect = window.innerWidth / window.innerHeight;
 				camera.updateProjectionMatrix();
 
+				scene = loaded.scene;
+
 				renderer.setClearColor( loaded.bgColor, loaded.bgAlpha );
 
 			}

examples/webgl_loader_scene_blender.html

@@ -221,8 +221,9 @@
 				document.body.appendChild( container );
 
 				var loadScene = createLoadScene();
-				scene  = loadScene.scene;
+
 				camera = loadScene.camera;
+				scene = loadScene.scene;
 
 				renderer = new THREE.WebGLRenderer();
 				renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT );
@@ -306,12 +307,12 @@
 
 				$( "progress" ).style.display = "none";
 
-				scene = loaded.scene;
 				camera = loaded.currentCamera;
-
 				camera.aspect = window.innerWidth / window.innerHeight;
 				camera.updateProjectionMatrix();
 
+				scene = loaded.scene;
+
 				renderer.setClearColor( loaded.bgColor, loaded.bgAlpha );
 
 			}

examples/webgl_loader_utf8.html

@@ -67,12 +67,11 @@
 				container = document.createElement( 'div' );
 				document.body.appendChild( container );
 
-				scene = new THREE.Scene();
-				scene.fog = new THREE.Fog( 0x000000, 800, 2000 );
-
 				camera = new THREE.PerspectiveCamera( 20, SCREEN_WIDTH / SCREEN_HEIGHT, 1, 2000 );
 				camera.position.z = 800;
-				scene.add( camera );
+
+				scene = new THREE.Scene();
+				scene.fog = new THREE.Fog( 0x000000, 800, 2000 );
 
 				var path = "textures/cube/SwedishRoyalCastle/";
 				var format = '.jpg';

examples/webgl_loader_vtk.html

@@ -53,13 +53,8 @@
 
 			function init() {
 
-				// scene and camera
-
-				scene = new THREE.Scene();
-
 				camera = new THREE.PerspectiveCamera( 60, window.innerWidth / window.innerHeight, 0.01, 1e10 );
 				camera.position.z = 0.2;
-				scene.add( camera );
 
 				controls = new THREE.TrackballControls( camera );
 
@@ -73,10 +68,15 @@
 				controls.staticMoving = true;
 				controls.dynamicDampingFactor = 0.3;
 
+				scene = new THREE.Scene();
+
+				scene.add( camera );
+
 				// light
 
 				var dirLight = new THREE.DirectionalLight( 0xffffff );
 				dirLight.position.set( 200, 200, 1000 ).normalize();
+
 				camera.add( dirLight );
 				camera.add( dirLight.target );
 

examples/webgl_lod.html

@@ -66,12 +66,11 @@
 				container = document.createElement( 'div' );
 				document.body.appendChild( container );
 
-				scene = new THREE.Scene();
-				scene.fog = new THREE.Fog( 0x000000, 1, 15000 );
-
 				camera = new THREE.PerspectiveCamera( 45, window.innerWidth / window.innerHeight, 1, 15000 );
 				camera.position.z = 1000;
-				scene.add( camera );
+
+				scene = new THREE.Scene();
+				scene.fog = new THREE.Fog( 0x000000, 1, 15000 );
 
 				var light = new THREE.PointLight( 0xff2200 );
 				light.position.set( 0, 0, 0 );

examples/webgl_marching_cubes.html

@@ -108,21 +108,19 @@
 
 			container = document.getElementById( 'container' );
 
-			// SCENE
-
-			scene = new THREE.Scene();
-
 			// CAMERA
 
 			camera = new THREE.PerspectiveCamera( 45, SCREEN_WIDTH / SCREEN_HEIGHT, 1, 10000 );
 			camera.position.set( -500, 500, 1500 );
 
-			scene.add( camera );
-
 			// CONTROLS
 
 			controls = new THREE.TrackballControls( camera );
 
+			// SCENE
+
+			scene = new THREE.Scene();
+
 			// LIGHTS
 
 			light = new THREE.DirectionalLight( 0xffffff );

examples/webgl_materials.html

@@ -39,12 +39,10 @@
 				container = document.createElement( 'div' );
 				document.body.appendChild( container );
 
-				scene = new THREE.Scene();
-
 				camera = new THREE.PerspectiveCamera( 45, window.innerWidth / window.innerHeight, 1, 2000 );
 				camera.position.set( 0, 200, 800 );
-				scene.add( camera );
 
+				scene = new THREE.Scene();
 
 				// Grid
 

examples/webgl_materials2.html

@@ -37,11 +37,10 @@
 				container = document.createElement( 'div' );
 				document.body.appendChild( container );
 
-				scene = new THREE.Scene();
-
 				camera = new THREE.PerspectiveCamera( 40, window.innerWidth / window.innerHeight, 1, 2000 );
 				camera.position.set( 0, 200, 0 );
-				scene.add( camera );
+
+				scene = new THREE.Scene();
 
 				// Materials
 

examples/webgl_materials_blending.html

@@ -28,15 +28,14 @@
 
 			function init() {
 
-				// SCENE
-
-				scene = new THREE.Scene();
-
 				// CAMERA
 
 				camera = new THREE.PerspectiveCamera( 70, window.innerWidth / window.innerHeight, 1, 1000 );
 				camera.position.z = 600;
-				scene.add( camera );
+
+				// SCENE
+
+				scene = new THREE.Scene();
 
 				// BACKGROUND
 

examples/webgl_materials_blending_custom.html

@@ -97,15 +97,14 @@
 
 			function init() {
 
-				// SCENE
-
-				scene = new THREE.Scene();
-
 				// CAMERA
 
 				camera = new THREE.PerspectiveCamera( 70, SCREEN_WIDTH / SCREEN_HEIGHT, 1, 1000 );
 				camera.position.z = 700;
-				scene.add( camera );
+
+				// SCENE
+
+				scene = new THREE.Scene();
 
 				// BACKGROUND IMAGES
 

examples/webgl_materials_cars.html

@@ -160,18 +160,15 @@
 				container = document.createElement( 'div' );
 				document.body.appendChild( container );
 
-				// SCENE
-
-				scene = new THREE.Scene();
-				sceneCube = new THREE.Scene();
-
 				// CAMERAS
 
 				camera = new THREE.PerspectiveCamera( 70, window.innerWidth / window.innerHeight, 1, 100000 );
-				scene.add( camera );
-
 				cameraCube = new THREE.PerspectiveCamera( 70, window.innerWidth / window.innerHeight, 1, 100000 );
-				sceneCube.add( cameraCube );
+
+				// SCENE
+
+				scene = new THREE.Scene();
+				sceneCube = new THREE.Scene();
 
 				// LIGHTS
 

examples/webgl_materials_cars_anaglyph.html

@@ -161,10 +161,9 @@
 				container = document.createElement( 'div' );
 				document.body.appendChild( container );
 
-				scene = new THREE.Scene();
-
 				camera = new THREE.PerspectiveCamera( 70, window.innerWidth / window.innerHeight, 1, 100000 );
-				scene.add( camera );
+
+				scene = new THREE.Scene();
 
 				// LIGHTS
 

examples/webgl_materials_cars_camaro.html

@@ -65,13 +65,12 @@
 				container = document.createElement( 'div' );
 				document.body.appendChild( container );
 
-				scene = new THREE.Scene();
-
 				// CAMERA
 
 				camera = new THREE.PerspectiveCamera( 70, SCREEN_WIDTH / SCREEN_HEIGHT, 1, 10000 );
 				camera.position.z = 1000;
-				scene.add( camera );
+
+				scene = new THREE.Scene();
 
 				// LIGHTS