More fixing of runtime warnings in examples.

Except special cases like 3d renderers and cube cameras all examples should be now without warnings.

examples/webgl_materials.html

@@ -37,10 +37,12 @@
 				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,10 +37,11 @@
 				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 = new THREE.Scene();
+				scene.add( camera );
 
 				// Materials
 

examples/webgl_materials_cars.html

@@ -160,13 +160,19 @@
 				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 );
 				cameraCube = new THREE.PerspectiveCamera( 70, window.innerWidth / window.innerHeight, 1, 100000 );
-
 				cubeTarget = new THREE.Vector3( 0, 0, 0 );
 
-				scene = new THREE.Scene();
-				sceneCube = new THREE.Scene();
+				scene.add( camera );
+				sceneCube.add( cameraCube );
 
 				// LIGHTS
 

examples/webgl_materials_cars_anaglyph.html

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

examples/webgl_materials_cars_camaro.html

@@ -65,10 +65,13 @@
 				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 = new THREE.Scene();
+				scene.add( camera );
 
 				// LIGHTS
 

examples/webgl_materials_cars_camaro_crosseyed.html

@@ -67,12 +67,14 @@
 				container = document.createElement( 'div' );
 				document.body.appendChild( container );
 
+				scene = new THREE.Scene();
+
+				// CAMERA
+
 				camera = new THREE.PerspectiveCamera( 70, SCREEN_WIDTH / SCREEN_HEIGHT, 1, 100000 );
 				camera.position.z = 1000;
-
 				camera.target = new THREE.Vector3( 0, 0, 0 );
-
-				scene = new THREE.Scene();
+				scene.add( camera );
 
 				// LIGHTS
 

examples/webgl_materials_cubemap.html

@@ -71,15 +71,17 @@
 				container = document.createElement( 'div' );
 				document.body.appendChild( container );
 
+				scene = new THREE.Scene();
+				sceneCube = new THREE.Scene();
+
 				camera = new THREE.PerspectiveCamera( 50, window.innerWidth / window.innerHeight, 1, 5000 );
 				camera.position.z = 2000;
 
 				cameraCube = new THREE.PerspectiveCamera( 50, window.innerWidth / window.innerHeight, 1, 100 );
-
 				cubeTarget = new THREE.Vector3( 0, 0, 0 );
 
-				scene = new THREE.Scene();
-				sceneCube = new THREE.Scene();
+				scene.add( camera );
+				sceneCube.add( cameraCube );
 
 				// LIGHTS
 

examples/webgl_materials_cubemap_balls_reflection.html

@@ -69,6 +69,9 @@
 				container = document.createElement( 'div' );
 				document.body.appendChild( container );
 
+				scene = new THREE.Scene();
+				sceneCube = new THREE.Scene();
+
 				camera = new THREE.PerspectiveCamera( 60, window.innerWidth / window.innerHeight, 1, 100000 );
 				camera.position.z = 3200;
 
@@ -76,8 +79,8 @@
 
 				cubeTarget = new THREE.Vector3( 0, 0, 0 );
 
-				scene = new THREE.Scene();
-				sceneCube = new THREE.Scene();
+				scene.add( camera );
+				sceneCube.add( cameraCube );
 
 				var geometry = new THREE.SphereGeometry( 100, 32, 16 );
 

examples/webgl_materials_cubemap_balls_reflection_anaglyph.html

@@ -68,11 +68,10 @@
 				container = document.createElement( 'div' );
 				document.body.appendChild( container );
 
-				camera = new THREE.PerspectiveCamera( 60, window.innerWidth / window.innerHeight, 1, 100000 );
-				camera.position.z = 3200;
-
 				scene = new THREE.Scene();
 
+				camera = new THREE.PerspectiveCamera( 60, window.innerWidth / window.innerHeight, 1, 100000 );
+				camera.position.z = 3200;
 				scene.add( camera );
 
 				var geometry = new THREE.SphereGeometry( 100, 32, 16 );

examples/webgl_materials_cubemap_balls_refraction.html

@@ -68,15 +68,17 @@
 				container = document.createElement( 'div' );
 				document.body.appendChild( container );
 
+				scene = new THREE.Scene();
+				sceneCube = new THREE.Scene();
+
 				camera = new THREE.PerspectiveCamera( 60, window.innerWidth / window.innerHeight, 1, 100000 );
 				camera.position.z = 3200;
 
 				cameraCube = new THREE.PerspectiveCamera( 60, window.innerWidth / window.innerHeight, 1, 100000 );
-
 				cubeTarget = new THREE.Vector3( 0, 0, 0 );
 
-				scene = new THREE.Scene();
-				sceneCube = new THREE.Scene();
+				scene.add( camera );
+				sceneCube.add( cameraCube );
 
 				var geometry = new THREE.SphereGeometry( 100, 32, 16 );
 

examples/webgl_materials_cubemap_dynamic.html

@@ -139,13 +139,6 @@
 
 				container = document.getElementById( 'container' );
 
-				// SCENE CAMERA
-
-				camera = new THREE.PerspectiveCamera( 18, SCREEN_WIDTH / SCREEN_HEIGHT, 1, 100000 );
-				camera.position.set( 2000, 0, 2000 );
-
-				cameraTarget = new THREE.Vector3( 0, 0, 0 );
-
 				// SCENE
 
 				scene = new THREE.Scene();
@@ -155,6 +148,16 @@
 
 				createScene();
 
+				// SCENE CAMERA
+
+				camera = new THREE.PerspectiveCamera( 18, SCREEN_WIDTH / SCREEN_HEIGHT, 1, 100000 );
+				camera.position.set( 2000, 0, 2000 );
+
+				cameraTarget = new THREE.Vector3( 0, 0, 0 );
+
+				scene.add( camera );
+
+
 				// LIGHTS
 
 				ambientLight = new THREE.AmbientLight( 0x555555 );
@@ -613,6 +616,8 @@
 				topCamera.position.y = bb.max.y;
 				topCamera.lookAt( shadowScene.position );
 
+				shadowScene.add( topCamera );
+
 				var renderShadow = new THREE.RenderPass( shadowScene, topCamera );
 
 				var blurShader = THREE.ShaderExtras[ "triangleBlur" ];

examples/webgl_materials_cubemap_escher.html

@@ -65,11 +65,11 @@
 				container = document.createElement( 'div' );
 				document.body.appendChild( container );
 
-				camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 1, 100000 );
-				camera.position.z = 3200;
-
 				scene = new THREE.Scene();
 
+				camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 1, 100000 );
+				camera.position.z = 3200;
+				scene.add( camera );
 
 				var r = "textures/cube/Escher/";
 

examples/webgl_materials_cubemap_refraction.html

@@ -69,15 +69,19 @@
 				container = document.createElement('div');
 				document.body.appendChild(container);
 
+				scene = new THREE.Scene();
+				sceneCube = new THREE.Scene();
+
+				// CAMERAS
+
 				camera = new THREE.PerspectiveCamera( 50, window.innerWidth / window.innerHeight, 1, 100000 );
 				camera.position.z = 2000;
 
 				cameraCube = new THREE.PerspectiveCamera( 50, window.innerWidth / window.innerHeight, 1, 100000 );
-
 				cubeTarget = new THREE.Vector3( 0, 0, 0 );
 
-				scene = new THREE.Scene();
-				sceneCube = new THREE.Scene();
+				scene.add( camera );
+				sceneCube.add( cameraCube );
 
 				// LIGHTS
 

examples/webgl_materials_grass.html

@@ -34,10 +34,11 @@
 
 			function init() {
 
+				scene = new THREE.Scene();
+
 				camera = new THREE.PerspectiveCamera( 60, window.innerWidth / window.innerHeight, 1, 1000 );
 				camera.position.set( 0, 75, 100 );
-
-				scene = new THREE.Scene();
+				scene.add( camera );
 
 				var geometry = new THREE.PlaneGeometry( 100, 100 );
 

examples/webgl_materials_normalmap.html

@@ -84,10 +84,13 @@
 				container = document.createElement( 'div' );
 				document.body.appendChild( container );
 
+				scene = new THREE.Scene();
+
+				// CAMERA
+
 				camera = new THREE.OrthographicCamera( window.innerWidth / - 2, window.innerWidth / 2, window.innerHeight / 2, window.innerHeight / - 2, -10000, 10000 );
 				camera.position.z = 1500;
-
-				scene = new THREE.Scene();
+				scene.add( camera );
 
 				// LIGHTS
 
@@ -237,8 +240,6 @@
 
 				loader.statusDomElement.style.display = "none";
 
-				console.log( mesh1 );
-
 			}
 
 			function onDocumentMouseMove(event) {

examples/webgl_materials_normalmap2.html

@@ -84,10 +84,13 @@
 				container = document.createElement( 'div' );
 				document.body.appendChild( container );
 
+				scene = new THREE.Scene();
+
+				// CAMERA
+
 				camera = new THREE.PerspectiveCamera( 50, window.innerWidth / window.innerHeight, 1, 10000 );
 				camera.position.z = 900;
-
-				scene = new THREE.Scene();
+				scene.add( camera );
 
 				// LIGHTS
 

examples/webgl_materials_shaders.html

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

examples/webgl_materials_shaders_fresnel.html

@@ -67,15 +67,17 @@
 				container = document.createElement( 'div' );
 				document.body.appendChild( container );
 
+				scene = new THREE.Scene();
+				sceneCube = new THREE.Scene();
+
 				camera = new THREE.PerspectiveCamera( 60, window.innerWidth / window.innerHeight, 1, 100000 );
 				camera.position.z = 3200;
 
 				cameraCube = new THREE.PerspectiveCamera( 60, window.innerWidth / window.innerHeight, 1, 100000 );
-
 				cubeTarget = new THREE.Vector3( 0, 0, 0 );
 
-				scene = new THREE.Scene();
-				sceneCube = new THREE.Scene();
+				scene.add( camera );
+				sceneCube.add( cameraCube );
 
 				var geometry = new THREE.SphereGeometry( 100, 32, 16 );
 

examples/webgl_materials_skin.html

@@ -90,17 +90,19 @@
 				container = document.createElement( 'div' );
 				document.body.appendChild( container );
 
+				scene = new THREE.Scene();
+
+				// CAMERA
+
 				camera = new THREE.PerspectiveCamera( 35, window.innerWidth / window.innerHeight, 1, 10000 );
 				camera.position.z = 900;
-
-				scene = new THREE.Scene();
+				scene.add( camera );
 
 				// LIGHTS
 
 				ambientLight = new THREE.AmbientLight( 0x222222 );
 				scene.add( ambientLight );
 
-
 				directionalLight = new THREE.DirectionalLight( 0xffeedd, 1 );
 				directionalLight.position.set( 1, -1, 1 ).normalize();
 				scene.add( directionalLight );

examples/webgl_materials_texture_filters.html

@@ -91,15 +91,17 @@
 				container = document.createElement( 'div' );
 				document.body.appendChild( container );
 
-				camera = new THREE.PerspectiveCamera( 35, SCREEN_WIDTH / SCREEN_HEIGHT, 1, 5000 );
-				camera.position.z = 1500;
-
 				scene = new THREE.Scene();
 				scene2 = new THREE.Scene();
 
 				scene.fog = new THREE.Fog( 0x000000, 1500, 4000 );
 				scene2.fog = scene.fog;
 
+				camera = new THREE.PerspectiveCamera( 35, SCREEN_WIDTH / SCREEN_HEIGHT, 1, 5000 );
+				camera.position.z = 1500;
+
+				scene.add( camera );
+
 				// GROUND
 
 				var imageCanvas = document.createElement( "canvas" ),

examples/webgl_materials_video.html

@@ -88,10 +88,11 @@
 				container = document.createElement( 'div' );
 				document.body.appendChild( container );
 
+				scene = new THREE.Scene();
+
 				camera = new THREE.PerspectiveCamera( 40, window.innerWidth / window.innerHeight, 1, 10000 );
 				camera.position.z = 500;
-
-				scene = new THREE.Scene();
+				scene.add( camera );
 
 				var light = new THREE.DirectionalLight( 0xffffff );
 				light.position.set( 0.5, 1, 1 ).normalize();

examples/webgl_morphtargets.html

@@ -93,13 +93,12 @@
 				container = document.createElement( 'div' );
 				document.body.appendChild( container );
 
-				camera = new THREE.PerspectiveCamera( 45, window.innerWidth / window.innerHeight, 1, 15000 );
-				camera.position.z = 500;
-
-
 				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 = 500;
+				scene.add( camera );
 
 				var light = new THREE.PointLight( 0xff2200 );
 				light.position.set( 100, 100, 100 );

examples/webgl_morphtargets_horse.html

@@ -43,12 +43,14 @@
 
 				//
 
+				scene = new THREE.Scene();
+
 				camera = new THREE.PerspectiveCamera( 50, window.innerWidth / window.innerHeight, 1, 10000 );
 				camera.position.y = 300;
+				scene.add( camera );
 
 				camera.target = new THREE.Vector3( 0, 150, 0 );
 
-				scene = new THREE.Scene();
 
 				//
 

examples/webgl_multiple_canvases_complex.html

@@ -120,11 +120,12 @@
 
 					container = document.getElementById( containerId );
 
+					scene = new THREE.Scene();
+
 					camera = new THREE.PerspectiveCamera( 20, container.clientWidth / container.clientHeight, 1, 10000 );
 					camera.setViewOffset( fullWidth, fullHeight, viewX, viewY, viewWidth, viewHeight );
 					camera.position.z = 1800;
-
-					scene = new THREE.Scene();
+					scene.add( camera );
 
 					light = new THREE.DirectionalLight( 0xffffff );
 					light.position.set( 0, 0, 1 ).normalize();

examples/webgl_multiple_canvases_grid.html

@@ -136,11 +136,12 @@
 
 					container = document.getElementById( containerId );
 
+					scene = new THREE.Scene();
+
 					camera = new THREE.PerspectiveCamera( 20, container.clientWidth / container.clientHeight, 1, 10000 );
 					camera.setViewOffset( fullWidth, fullHeight, viewX, viewY, viewWidth, viewHeight );
 					camera.position.z = 1800;
-
-					scene = new THREE.Scene();
+					scene.add( camera );
 
 					light = new THREE.DirectionalLight( 0xffffff );
 					light.position.set( 0, 0, 1 ).normalize();

examples/webgl_panorama_equirectangular.html

@@ -55,11 +55,11 @@
 
 				container = document.getElementById( 'container' );
 
-				camera = new THREE.PerspectiveCamera( fov, window.innerWidth / window.innerHeight, 1, 1100 );
+				scene = new THREE.Scene();
 
+				camera = new THREE.PerspectiveCamera( fov, window.innerWidth / window.innerHeight, 1, 1100 );
 				camera.target = new THREE.Vector3( 0, 0, 0 );
-
-				scene = new THREE.Scene();
+				scene.add( camera );
 
 				mesh = new THREE.Mesh( new THREE.SphereGeometry( 500, 60, 40 ), new THREE.MeshBasicMaterial( { map: THREE.ImageUtils.loadTexture( 'textures/2294472375_24a3b8ef46_o.jpg' ) } ) );
 				mesh.scale.x = -1;

examples/webgl_particles_billboards.html

@@ -60,12 +60,13 @@
 				container = document.createElement( 'div' );
 				document.body.appendChild( container );
 
-				camera = new THREE.PerspectiveCamera( 55, window.innerWidth / window.innerHeight, 2, 2000 );
-				camera.position.z = 1000;
-
 				scene = new THREE.Scene();
 				scene.fog = new THREE.FogExp2( 0x000000, 0.001 );
 
+				camera = new THREE.PerspectiveCamera( 55, window.innerWidth / window.innerHeight, 2, 2000 );
+				camera.position.z = 1000;
+				scene.add( camera );
+
 				geometry = new THREE.Geometry();
 
 				sprite = THREE.ImageUtils.loadTexture( "textures/sprites/disc.png" );

examples/webgl_particles_billboards_colors.html

@@ -60,12 +60,13 @@
 				container = document.createElement( 'div' );
 				document.body.appendChild( container );
 
-				camera = new THREE.PerspectiveCamera( 50, window.innerWidth / window.innerHeight, 1, 3000 );
-				camera.position.z = 1400;
-
 				scene = new THREE.Scene();
 				scene.fog = new THREE.FogExp2( 0x000000, 0.0009 );
 
+				camera = new THREE.PerspectiveCamera( 50, window.innerWidth / window.innerHeight, 1, 3000 );
+				camera.position.z = 1400;
+				scene.add( camera );
+
 				geometry = new THREE.Geometry();
 
 				sprite = THREE.ImageUtils.loadTexture( "textures/sprites/ball.png" );

examples/webgl_particles_dynamic.html

@@ -83,14 +83,13 @@
 
 				container = document.getElementById( 'container' );
 
-				camera = new THREE.PerspectiveCamera( 20, SCREEN_WIDTH / SCREEN_HEIGHT, 1, 50000 );
-				camera.position.set( 0, 700, 7000 );
-
 				scene = new THREE.Scene();
-
 				scene.fog = new THREE.FogExp2( 0x000104, 0.0000675 );
 
+				camera = new THREE.PerspectiveCamera( 20, SCREEN_WIDTH / SCREEN_HEIGHT, 1, 50000 );
+				camera.position.set( 0, 700, 7000 );
 				camera.lookAt( scene.position );
+				scene.add( camera );
 
 				//
 

examples/webgl_particles_random.html

@@ -60,12 +60,13 @@
 				container = document.createElement( 'div' );
 				document.body.appendChild( container );
 
-				camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 1, 3000 );
-				camera.position.z = 1000;
-
 				scene = new THREE.Scene();
 				scene.fog = new THREE.FogExp2( 0x000000, 0.0007 );
 
+				camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 1, 3000 );
+				camera.position.z = 1000;
+				scene.add( camera );
+
 				geometry = new THREE.Geometry();
 
 				for ( i = 0; i < 20000; i ++ ) {

examples/webgl_particles_shapes.html

@@ -116,14 +116,17 @@
 				info.innerHTML = 'Three.js - simple particle systems with shapes by <a href="http://www.lab4games.net/zz85/blog">zz85</a><br/>Move your mouse. Click to pause/resume.';
 				container.appendChild( info );
 
+				// SCENE
+
+				scene = new THREE.Scene();
+
 				// CAMERA
 
 				camera = new THREE.PerspectiveCamera( 70, window.innerWidth / window.innerHeight, 1, 2000 );
 				camera.position.set( 0, 150, 400 );
+				scene.add( camera );
 
-				// SCENE
-
-				scene = new THREE.Scene();
+				// LIGHTS
 
 				var directionalLight = new THREE.DirectionalLight( 0xffffff, 0.5 );
 				directionalLight.position.set( 0, -1, 1 );

examples/webgl_particles_sprites.html

@@ -61,12 +61,13 @@
 				container = document.createElement( 'div' );
 				document.body.appendChild( container );
 
-				camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 1, 2000 );
-				camera.position.z = 1000;
-
 				scene = new THREE.Scene();
 				scene.fog = new THREE.FogExp2( 0x000000, 0.0008 );
 
+				camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 1, 2000 );
+				camera.position.z = 1000;
+				scene.add( camera );
+
 				geometry = new THREE.Geometry();
 
 				sprite1 = THREE.ImageUtils.loadTexture( "textures/sprites/snowflake1.png" );

examples/webgl_performance.html

@@ -45,15 +45,16 @@
 				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 = 3200;
-
-				scene = new THREE.Scene();
+				scene.add( camera );
 
 				var material = new THREE.MeshNormalMaterial( { shading: THREE.SmoothShading } );
 
 				var loader = new THREE.JSONLoader();
-				loader.load( { model: 'obj/Suzanne.js', callback: function ( geometry ) {
+				loader.load( 'obj/Suzanne.js', function ( geometry ) {
 
 					geometry.computeVertexNormals();
 
@@ -74,7 +75,7 @@
 
 					}
 
-				} } );
+				} );
 
 				renderer = new THREE.WebGLRenderer();
 				renderer.setSize( window.innerWidth, window.innerHeight );

examples/webgl_postprocessing.html

@@ -116,15 +116,23 @@
 
 				container = document.getElementById( 'container' );
 
+				//
+
+				sceneModel = new THREE.Scene();
+				sceneBG = new THREE.Scene();
+
+				//
+
 				cameraOrtho = new THREE.OrthographicCamera( -halfWidth, halfWidth, halfHeight, -halfHeight, -10000, 10000 );
 				cameraOrtho.position.z = 100;
 
 				cameraPerspective = new THREE.PerspectiveCamera( 50, window.innerWidth / window.innerHeight, 1, 10000 );
 				cameraPerspective.position.z = 900;
 
-				//
+				sceneModel.add( cameraPerspective );
+				sceneBG.add( cameraOrtho );
 
-				sceneModel = new THREE.Scene();
+				//
 
 				directionalLight = new THREE.DirectionalLight( 0xffffff );
 				directionalLight.position.set( 0, 0, 1 ).normalize();
@@ -136,8 +144,6 @@
 
 				//
 
-				sceneBG = new THREE.Scene();
-
 				materialColor = new THREE.ShaderMaterial( {
 
 					uniforms: { time: { type: "f", value: 0.0 } },

examples/webgl_postprocessing_dof.html

@@ -73,10 +73,11 @@
 				container = document.createElement( 'div' );
 				document.body.appendChild( container );
 
+				scene = new THREE.Scene();
+
 				camera = new THREE.PerspectiveCamera( 70, window.innerWidth / height, 1, 3000 );
 				camera.position.z = 200;
-
-				scene = new THREE.Scene();
+				scene.add( camera );
 
 				renderer = new THREE.WebGLRenderer( { antialias: false } );
 				renderer.setSize( window.innerWidth, height );
@@ -239,6 +240,8 @@
 				postprocessing.camera = new THREE.OrthographicCamera( window.innerWidth / - 2, window.innerWidth / 2,  window.innerHeight / 2, window.innerHeight / - 2, -10000, 10000 );
 				postprocessing.camera.position.z = 100;
 
+				postprocessing.scene.add( postprocessing.camera );
+
 				var pars = { minFilter: THREE.LinearFilter, magFilter: THREE.LinearFilter, format: THREE.RGBFormat };
 				postprocessing.rtTextureDepth = new THREE.WebGLRenderTarget( window.innerWidth, height, pars );
 				postprocessing.rtTextureColor = new THREE.WebGLRenderTarget( window.innerWidth, height, pars );

examples/webgl_ribbons.html

@@ -75,12 +75,13 @@
 				container = document.createElement( 'div' );
 				document.body.appendChild( container );
 
-				camera = new THREE.PerspectiveCamera( 70, window.innerWidth / window.innerHeight, 1, 3000 );
-				camera.position.z = 1200;
-
 				scene = new THREE.Scene();
 				scene.fog = new THREE.FogExp2( 0x000000, 0.0016 );
 
+				camera = new THREE.PerspectiveCamera( 70, window.innerWidth / window.innerHeight, 1, 3000 );
+				camera.position.z = 1200;
+				scene.add( camera );
+
 				geometry = new THREE.Geometry();
 				geometry2 = new THREE.Geometry();
 

examples/webgl_rtt.html

@@ -107,15 +107,22 @@
 
 				container = document.getElementById( 'container' );
 
-				cameraRTT = new THREE.OrthographicCamera( window.innerWidth / - 2, window.innerWidth / 2, window.innerHeight / 2, window.innerHeight / - 2, -10000, 10000 );
-				cameraRTT.position.z = 100;
+				scene = new THREE.Scene();
+				sceneRTT = new THREE.Scene();
+				sceneScreen = new THREE.Scene();
+
+				//
 
 				camera = new THREE.PerspectiveCamera( 30, window.innerWidth / window.innerHeight, 1, 10000 );
 				camera.position.z = 100;
 
-				scene = new THREE.Scene();
-				sceneRTT = new THREE.Scene();
-				sceneScreen = new THREE.Scene();
+				cameraRTT = new THREE.OrthographicCamera( window.innerWidth / - 2, window.innerWidth / 2, window.innerHeight / 2, window.innerHeight / - 2, -10000, 10000 );
+				cameraRTT.position.z = 100;
+
+				scene.add( camera );
+				sceneRTT.add( cameraRTT );
+
+				//
 
 				var light = new THREE.DirectionalLight( 0xffffff );
 				light.position.set( 0, 0, 1 ).normalize();

examples/webgl_shader.html

@@ -109,10 +109,11 @@
 
 				container = document.getElementById( 'container' );
 
+				scene = new THREE.Scene();
+
 				camera = new THREE.Camera();
 				camera.position.z = 1;
-
-				scene = new THREE.Scene();
+				scene.add( camera );
 
 				uniforms = {
 					time: { type: "f", value: 1.0 },

examples/webgl_shader2.html

@@ -190,10 +190,11 @@
 
 				container = document.getElementById( 'container' );
 
+				scene = new THREE.Scene();
+
 				camera = new THREE.PerspectiveCamera( 40, windowHalfX / windowHalfY, 1, 3000 );
 				camera.position.z = 4;
-
-				scene = new THREE.Scene();
+				scene.add( camera );
 
 				start_time = Date.now();
 

examples/webgl_shader_lava.html

@@ -139,10 +139,11 @@
 
 				container = document.getElementById( 'container' );
 
+				scene = new THREE.Scene();
+
 				camera = new THREE.PerspectiveCamera( 35, windowHalfX / windowHalfY, 1, 3000 );
 				camera.position.z = 4;
-
-				scene = new THREE.Scene();
+				scene.add( camera );
 
 				uniforms = {
 

examples/webgl_shading_physical.html

@@ -87,8 +87,22 @@
 				container = document.createElement( 'div' );
 				document.body.appendChild( container );
 
+				// SCENE
+
+				scene = new THREE.Scene();
+				scene.fog = new THREE.Fog( 0x00aaff, 1000, FAR );
+
+				if ( DAY )
+					scene.fog.color.setHSV( 0.13, 0.25, 0.99 );
+				else
+					scene.fog.color.setHSV( 0.13, 0.25, 0.1 );
+
+
+				// CAMERA
+
 				camera = new THREE.PerspectiveCamera( 45, SCREEN_WIDTH / SCREEN_HEIGHT, 2, FAR );
 				camera.position.set( 500, 400, 1200 );
+				scene.add( camera );
 
 				controls = new THREE.TrackballControls( camera );
 				controls.target.set( 0, 120, 0 );
@@ -110,17 +124,6 @@
 				cubeCamera = new THREE.CubeCamera( 1, FAR, 0, 128 );
 				var cubeTarget = cubeCamera.renderTarget;
 
-
-				scene = new THREE.Scene();
-
-				scene.fog = new THREE.Fog( 0x00aaff, 1000, FAR );
-
-				if ( DAY )
-					scene.fog.color.setHSV( 0.13, 0.25, 0.99 );
-				else
-					scene.fog.color.setHSV( 0.13, 0.25, 0.1 );
-
-
 				// TEXTURES
 
 				var x = document.createElement( "canvas" );

examples/webgl_shadowmap.html

@@ -74,10 +74,17 @@
 				container = document.createElement( 'div' );
 				document.body.appendChild( container );
 
+				// SCENE
+
+				scene = new THREE.Scene();
+				scene.fog = new THREE.Fog( 0xffaa55, 1000, FAR );
+				THREE.ColorUtils.adjustHSV( scene.fog.color, 0.02, -0.15, -0.65 );
+
 				// SCENE CAMERA
 
 				camera = new THREE.PerspectiveCamera( 23, SCREEN_WIDTH / SCREEN_HEIGHT, NEAR, FAR );
 				camera.position.set( 700, 50, 1900 );
+				scene.add( camera );
 
 				controls = new THREE.FirstPersonControls( camera );
 
@@ -91,12 +98,6 @@
 
 				controls.lon = -110;
 
-				// SCENE
-
-				scene = new THREE.Scene();
-				scene.fog = new THREE.Fog( 0xffaa55, 1000, FAR );
-				THREE.ColorUtils.adjustHSV( scene.fog.color, 0.02, -0.15, -0.65 );
-
 				// LIGHTS
 
 				var ambient = new THREE.AmbientLight( 0x444444 );

examples/webgl_sprites.html

@@ -44,10 +44,11 @@
 				container = document.createElement( 'div' );
 				document.body.appendChild( container );
 
+				scene = new THREE.Scene();
+
 				camera = new THREE.PerspectiveCamera( 60, window.innerWidth / window.innerHeight, 1, 5000 );
 				camera.position.z = 1500;
-
-				scene = new THREE.Scene();
+				scene.add( camera );
 
 				// create sprites
 

examples/webgl_test_memory.html

@@ -33,10 +33,11 @@
 				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 = 200;
-
-				scene = new THREE.Scene();
+				scene.add( camera );
 
 				renderer = new THREE.WebGLRenderer();
 				renderer.setSize( window.innerWidth, window.innerHeight );

examples/webgl_trackballcamera_earth.html

@@ -94,6 +94,7 @@
 
 				camera = new THREE.PerspectiveCamera( 25, width / height, 50, 1e7 );
 				camera.position.z = radius * 7;
+				scene.add( camera );
 
 				controls = new THREE.TrackballControls( camera, renderer.domElement );
 

examples/webgl_trails.html

@@ -44,12 +44,12 @@
 				container = document.createElement( 'div' );
 				document.body.appendChild( container );
 
-				camera = new THREE.PerspectiveCamera( 60, window.innerWidth / window.innerHeight, 1, 10000 );
-				camera.position.x = 100000;
-				camera.position.z = 3200;
-
 				scene = new THREE.Scene();
 
+				camera = new THREE.PerspectiveCamera( 60, window.innerWidth / window.innerHeight, 1, 10000 );
+				camera.position.set( 100000, 0, 3200 );
+				scene.add( camera );
+
 				var colors = [ 0x000000, 0xff0080, 0x8000ff, 0xffffff ];
 				var geometry = new THREE.Geometry();