mergeLater.js

	// init renderer
	var renderer	= new THREE.WebGLRenderer({
		antialias	: true,
	});
	renderer.setClearColor(new THREE.Color('lightgrey'), 1)
	renderer.setSize( window.innerWidth, window.innerHeight );
	document.body.appendChild( renderer.domElement );

	// init scene and camera
	var scene	= new THREE.Scene();
	var camera	= new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.01, 1000);
	camera.position.z = 2;
	var controls	= new THREE.OrbitControls(camera)

	// center of the world
	var geometry	= new THREE.BoxGeometry(0.1, 0.1, 0.1);
	var material	= new THREE.MeshBasicMaterial();
	var mesh	= new THREE.Mesh( geometry, material );
	scene.add( mesh );

	//test merge
	var group = new THREE.Geometry();
	group.verticesNeedUpdate = true;
	var mmm = new THREE.Mesh(group, new THREE.MeshNormalMaterial());
	window.mmm = mmm;
	scene.add(mmm);

	for(var i = 1; i < 2 ; i++){
		var geo = new THREE.BoxGeometry(0.1, 0.1, 0.1);
		//var mesh = new THREE.Mesh(geo, material);
		var m = new THREE.Mesh(geo, material);
		m.position.set(i, i, 0);
		group.verticesNeedUpdate = true;
		THREE.GeometryUtils.merge(group, m);
	}

	var counter = 0;

	function add(){
		for(var i = counter + 2; i < counter + 3 ; i++){
			var geo = new THREE.BoxGeometry(0.1, 0.1, 0.1);
			//var mesh = new THREE.Mesh(geo, material);
			var m = new THREE.Mesh(geo, material);
			m.position.set(i, i, 0);
			console.log(i)
			group.verticesNeedUpdate = true;
			THREE.GeometryUtils.merge(group, m);
		}
		counter ++;
		console.log(group.vertices.length)
	}

	add();

	window.onkeydown = function(e){
		if(e.which === 32){
			add();
		}
	}

  function animate(){
    requestAnimationFrame(animate);
    renderer.render( scene, camera );

  }

  animate();