ground

	// GROUND

				var imageCanvas = document.createElement( "canvas" ),
					context = imageCanvas.getContext( "2d" );

				imageCanvas.width = imageCanvas.height = 128;

				context.fillStyle = "#444";
				context.fillRect( 0, 0, 128, 128 );

				context.fillStyle = "#fff";
				context.fillRect( 0, 0, 64, 64);
				context.fillRect( 64, 64, 64, 64 );

				var textureCanvas = new THREE.Texture( imageCanvas, THREE.UVMapping, THREE.RepeatWrapping, THREE.RepeatWrapping );
					materialCanvas = new THREE.MeshBasicMaterial( { map: textureCanvas } );

				textureCanvas.needsUpdate = true;
				textureCanvas.repeat.set( 1000, 1000 );

				var textureCanvas2 = new THREE.Texture( imageCanvas, THREE.UVMapping, THREE.RepeatWrapping, THREE.RepeatWrapping, THREE.NearestFilter, THREE.NearestFilter );
					materialCanvas2 = new THREE.MeshBasicMaterial( { color: 0xffccaa, map: textureCanvas2 } );

				textureCanvas2.needsUpdate = true;
				textureCanvas2.repeat.set( 1000, 1000 );

				var geometry = new THREE.PlaneGeometry( 100, 100 );

				var meshCanvas = new THREE.Mesh( geometry, materialCanvas );
				meshCanvas.rotation.x = - Math.PI / 2;
				meshCanvas.scale.set( 1000, 1000, 1000 );

				var meshCanvas2 = new THREE.Mesh( geometry, materialCanvas2 );
				meshCanvas2.rotation.x = - Math.PI / 2;
				meshCanvas2.scale.set( 1000, 1000, 1000 );