Updated all canvasrenderer examples.

mrdoob · Feb 19, 2014 · 9dcaea3 · 9dcaea3
1 parent 32ecf78
commit 9dcaea3
Show file tree

Hide file tree

Showing 21 changed files with 22 additions and 13 deletions.
diff --git a/examples/canvas_camera_orthographic.html b/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 );

diff --git a/examples/canvas_camera_orthographic2.html b/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 );

diff --git a/examples/canvas_geometry2_sandbox.html b/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 );

diff --git a/examples/canvas_geometry_birds.html b/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 );

diff --git a/examples/canvas_geometry_cube.html b/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 );

diff --git a/examples/canvas_geometry_earth.html b/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 );

diff --git a/examples/canvas_geometry_hierarchy.html b/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();

diff --git a/examples/canvas_geometry_nurbs.html b/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 );
 

diff --git a/examples/canvas_geometry_shapes.html b/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 );
 

diff --git a/examples/canvas_geometry_terrain.html b/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 = "";

diff --git a/examples/canvas_geometry_text.html b/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 );

diff --git a/examples/canvas_interactive_cubes.html b/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 );

diff --git a/examples/canvas_interactive_cubes_tween.html b/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);

diff --git a/examples/canvas_interactive_lines.html b/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);

diff --git a/examples/canvas_interactive_particles.html b/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();

diff --git a/examples/canvas_interactive_voxelpainter.html b/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();

diff --git a/examples/canvas_materials_video.html b/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();

diff --git a/examples/canvas_morphtargets_horse.html b/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);
 
 				//

diff --git a/examples/canvas_particles_shapes.html b/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();

diff --git a/examples/canvas_performance.html b/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 );
 

diff --git a/examples/canvas_sandbox.html b/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' );