Updated all canvasrenderer examples.

examples/canvas_camera_orthographic.html

@@ -108,6 +108,7 @@
 				scene.add( directionalLight );
 
 				renderer = new THREE.CanvasRenderer();
+				renderer.setClearColor( 0xf0f0f0 );
 				renderer.setSize( window.innerWidth, window.innerHeight );
 
 				container.appendChild( renderer.domElement );

examples/canvas_camera_orthographic2.html

@@ -175,6 +175,7 @@
 				scene.add( directionalLight );
 
 				renderer = new THREE.CanvasRenderer();
+				renderer.setClearColor( 0xf0f0f0 );
 				renderer.setSize( window.innerWidth, window.innerHeight );
 
 				container.appendChild( renderer.domElement );

examples/canvas_geometry2_sandbox.html

@@ -93,6 +93,7 @@
 				scene.add( plane );
 
 				renderer = new THREE.CanvasRenderer();
+				renderer.setClearColor( 0xf0f0f0 );
 				renderer.setSize( window.innerWidth, window.innerHeight );
 
 				container.appendChild( renderer.domElement );

examples/canvas_geometry_birds.html

@@ -366,7 +366,7 @@
 				}
 
 				renderer = new THREE.CanvasRenderer();
-				// renderer.autoClear = false;
+				renderer.setClearColor( 0xffffff );
 				renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT );
 
 				document.addEventListener( 'mousemove', onDocumentMouseMove, false );

examples/canvas_geometry_cube.html

@@ -87,6 +87,7 @@
 				scene.add( plane );
 
 				renderer = new THREE.CanvasRenderer();
+				renderer.setClearColor( 0xf0f0f0 );
 				renderer.setSize( window.innerWidth, window.innerHeight );
 
 				container.appendChild( renderer.domElement );

examples/canvas_geometry_earth.html

@@ -108,6 +108,7 @@
 				group.add( mesh );
 
 				renderer = new THREE.CanvasRenderer();
+				renderer.setClearColor( 0xffffff );
 				renderer.setSize( window.innerWidth, window.innerHeight );
 
 				container.appendChild( renderer.domElement );

examples/canvas_geometry_hierarchy.html

@@ -70,8 +70,8 @@
 				scene.add( group );
 
 				renderer = new THREE.CanvasRenderer();
+				renderer.setClearColor( 0xffffff );
 				renderer.setSize( window.innerWidth, window.innerHeight );
-				renderer.sortObjects = false;
 				container.appendChild( renderer.domElement );
 
 				stats = new Stats();

examples/canvas_geometry_nurbs.html

@@ -121,6 +121,7 @@
 				//
 
 				renderer = new THREE.CanvasRenderer();
+				renderer.setClearColor( 0xf0f0f0 );
 				renderer.setSize( window.innerWidth, window.innerHeight );
 				container.appendChild( renderer.domElement );
 

examples/canvas_geometry_shapes.html

@@ -286,9 +286,9 @@
 
 				//
 
-				renderer = new THREE.CanvasRenderer( { antialias: true } );
+				renderer = new THREE.CanvasRenderer();
+				renderer.setClearColor( 0xf0f0f0 );
 				renderer.setSize( window.innerWidth, window.innerHeight );
-				renderer.sortObjects = false;
 				renderer.sortElements = false;
 				container.appendChild( renderer.domElement );
 

examples/canvas_geometry_terrain.html

@@ -88,6 +88,7 @@
 				scene.add( mesh );
 
 				renderer = new THREE.CanvasRenderer();
+				renderer.setClearColor( 0xbfd1e5 );
 				renderer.setSize( window.innerWidth, window.innerHeight );
 
 				container.innerHTML = "";

examples/canvas_geometry_text.html

@@ -103,6 +103,7 @@
 				scene.add( group );
 
 				renderer = new THREE.CanvasRenderer();
+				renderer.setClearColor( 0xf0f0f0 );
 				renderer.setSize( window.innerWidth, window.innerHeight );
 
 				container.appendChild( renderer.domElement );

examples/canvas_interactive_cubes.html

@@ -88,6 +88,7 @@
 				projector = new THREE.Projector();
 
 				renderer = new THREE.CanvasRenderer();
+				renderer.setClearColor( 0xf0f0f0 );
 				renderer.setSize( window.innerWidth, window.innerHeight );
 
 				container.appendChild( renderer.domElement );

examples/canvas_interactive_cubes_tween.html

@@ -68,6 +68,7 @@
 				projector = new THREE.Projector();
 
 				renderer = new THREE.CanvasRenderer();
+				renderer.setClearColor( 0xf0f0f0 );
 				renderer.setSize( window.innerWidth, window.innerHeight );
 
 				container.appendChild(renderer.domElement);

examples/canvas_interactive_lines.html

@@ -127,7 +127,7 @@
 				raycaster.linePrecision = 3;
 
 				renderer = new THREE.CanvasRenderer();
-				renderer.sortObjects = false;
+				renderer.setClearColor( 0xf0f0f0 );
 				renderer.setSize( window.innerWidth, window.innerHeight );
 
 				container.appendChild(renderer.domElement);

examples/canvas_interactive_particles.html

@@ -80,8 +80,8 @@
 				projector = new THREE.Projector();
 
 				renderer = new THREE.CanvasRenderer();
+				renderer.setClearColor( 0xf0f0f0 );
 				renderer.setSize( window.innerWidth, window.innerHeight );
-
 				container.appendChild( renderer.domElement );
 
 				stats = new Stats();

examples/canvas_interactive_voxelpainter.html

@@ -113,8 +113,8 @@
 				scene.add( directionalLight );
 
 				renderer = new THREE.CanvasRenderer();
+				renderer.setClearColor( 0xf0f0f0 );
 				renderer.setSize( window.innerWidth, window.innerHeight );
-
 				container.appendChild(renderer.domElement);
 
 				stats = new Stats();

examples/canvas_materials_video.html

@@ -151,8 +151,8 @@
 				}
 
 				renderer = new THREE.CanvasRenderer();
+				renderer.setClearColor( 0xf0f0f0 );
 				renderer.setSize( window.innerWidth, window.innerHeight );
-
 				container.appendChild( renderer.domElement );
 
 				stats = new Stats();

examples/canvas_morphtargets_horse.html

@@ -76,7 +76,6 @@
 				renderer = new THREE.CanvasRenderer();
 				renderer.setClearColor( 0xf0f0f0 );
 				renderer.setSize( window.innerWidth, window.innerHeight );
-
 				container.appendChild(renderer.domElement);
 
 				//

examples/canvas_particles_shapes.html

@@ -156,8 +156,7 @@
 				var setTargetParticle = function() {
 
 					var material = new THREE.SpriteCanvasMaterial( {
-						program: hearts,
-						blending:THREE.AdditiveBlending
+						program: hearts
 					} );
 
 					material.color.setHSL(hue, 1, 0.75);
@@ -212,8 +211,8 @@
 
 
 				renderer = new THREE.CanvasRenderer();
+				renderer.setClearColor( 0xf0f0f0 );
 				renderer.setSize( window.innerWidth, window.innerHeight );
-
 				container.appendChild( renderer.domElement );
 
 				stats = new Stats();

examples/canvas_performance.html

@@ -93,6 +93,7 @@
 				scene.add( light );
 
 				renderer = new THREE.CanvasRenderer();
+				renderer.setClearColor( 0xf0f0f0 );
 				renderer.setSize( window.innerWidth, window.innerHeight );
 				container.appendChild( renderer.domElement );
 

examples/canvas_sandbox.html

@@ -130,8 +130,8 @@
 				scene.add( pointLight );
 
 				renderer = new THREE.CanvasRenderer();
+				renderer.setClearColor( 0xf0f0f0 );
 				renderer.setSize( window.innerWidth, window.innerHeight );
-
 				container.appendChild( renderer.domElement );
 
 				var debugCanvas = document.createElement( 'canvas' );