title: Three js merging Geometries and Mesh
body: <p>Three js ver67
  Current code something like this - </p>
  
  <pre><code>    var materials = [];
      var totalGeom = new THREE.Geometry();
      var cubeMat;
      for (var i = 0; i &lt; dataSetArray.length; i++) {
          var ptColor = dataSetArray[i].color;
          var value = dataSetArray[i].value;
          var position = latLongToVector3(dataSetArray[i].y, dataSetArray[i].x, 600, 1);
  
          var cubeGeom = new THREE.BoxGeometry(5, 5, 1 + value / 20);
  
  
          cubeMat = new THREE.MeshLambertMaterial({
              color: new THREE.Color(ptColor),
              opacity: 0.6
          });
  
  
          materials.push(cubeMat);
          // cubeGeom.updateMatrix();
  
          var cubeMesh = new THREE.Mesh(cubeGeom, cubeMat);
          cubeMesh.position = position;
          cubeMesh.lookAt(scene.position);
  
          // totalGeom.merge(cubeMesh.geometry, cubeMesh.geometry.matrix);
          //THREE.GeometryUtils.setMaterialIndex(cubeMesh.geometry, i);
          THREE.GeometryUtils.merge(totalGeom, cubeMesh);
      }
  
  
      var total = new THREE.Mesh(totalGeom, new THREE.MeshFaceMaterial(materials));
      scene.add(total);
  </code></pre>
  
  <p>However I get the message</p>
  
  <p>DEPRECATED: GeometryUtils's .merge() has been moved to Geometry. Use geometry.merge( geometry2, matrix, materialIndexOffset ) instead.</p>
  
  <p>in chrome dev tools.</p>
  
  <p>When I try something like  -
  totalGeom.merge(cubeMesh.geometry, cubeMesh.geometry.matrix); 
  instead of  THREE.GeometryUtils.merge(totalGeom, cubeMesh); I get exceptions. </p>
  
  <p>How will I do the above merge? Please help.</p>