diff --git a/examples/canvas_camera_orthographic.html b/examples/canvas_camera_orthographic.html index b3307a1329f040..e0f5df32374051 100644 --- 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 index b80ab4de09cb70..6f688492f78a08 100644 --- 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 index 85b350d3881075..c758ad0e598b13 100644 --- 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 index 286a73886166f0..b3488114bd880c 100644 --- 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 index 78ec5ffbcc3f51..d43606272bf3dd 100644 --- 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 index 930d493d0102b5..4a197a435419a0 100644 --- 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 index dd6b7def678c3f..6cdd071b67213c 100644 --- 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 index 9102a84e04f900..6fc12562c0c010 100644 --- 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 index e04dcdf71db083..d4e7e4b6ec031b 100644 --- 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 index 4cea3eed97b402..f8965f83f4486b 100644 --- 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 index 17762572c49d92..c9553c13b4f613 100644 --- 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 index cfe0fa163109fd..ec79001dcd89a0 100644 --- 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 index fa40fa1960c85c..3d7f75036ca512 100644 --- 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 index cbe7d67ece952b..6b3867a4322f5c 100644 --- 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 index 14b5b2a6dc3ff2..166722beeb9a45 100644 --- 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 index 5aaf4ee73c9374..26350a2ada17e1 100644 --- 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 index 1bc6745c0d9b6e..2bf2ada2079207 100644 --- 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 index 285e5b3d06e260..648cc0ef7eddb8 100644 --- 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 index 0337dd4fb02e52..ac27ccf30baaa6 100644 --- 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 index 2b55b899feed08..258db755586988 100644 --- 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 index b276484b08b16d..2ca5023191dc67 100644 --- 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' );