Combining multiple planes into one only results in rendering the first plane. I'm attempting to merge planes together to optimize performance as I intend to render a minimum of 4096 planes at once while minimizing draw calls.
Currently utilizing Three.js version r70
mapGeo = new THREE.Geometry();
for (var y = 0; y < 10; y++) {
for (var x = 0; x < 10; x++) {
for (var z = 0; z < 1; z++) {
plane = new THREE.Mesh(new THREE.PlaneGeometry( 1, 1));
plane.position.y = y;
plane.position.x = x;
plane.position.z = z;
mapGeo.merge(plane.geometry, plane.matrix);
}
}
}
map = new THREE.Mesh(mapGeo, new THREE.MeshFaceMaterial(materials))
scene.add(map);