mapa.js

// FUNCION PARA CREAR UN ARRAY DE OBJETOS A PARTIR DEL ARRAY DE VALORES
function creaMapa(mapa) {
  var fila;
  var columna;
  var mapaObjetos = []; // mapa de objetos
  
  for (fila = 0; fila < mapa.length; fila++) {
    mapaObjetos[fila] = [];
    for (columna = 0; columna < mapa[fila].length; columna++) {
      mapaObjetos[fila][columna] = creaCelda(fila, columna, mapa[fila][columna]);
    }
  }
  return mapaObjetos;
}

// CREA UN OBJETO EN UNA POSICION A PARTIR DE UN VALOR Y LA POSICION EN EL ARRAY
function creaCelda(fila, columna, valor) {
  var objeto;
  switch (valor) {
    case 0: objeto = crearArbol(); break;
    case 1: objeto = crearLosa(); break;
    case 2: objeto = crearAgua();
  }
  
  // AQUI PODRIAMOS SITUAR EL ELEMENTO CREADO
  //objeto.position.x = fila*200; 
  //objeto.position.y = columna*200;

  // AQUI PODRIAMOS AÑADIR EL OBJETO A LA ESCENA
  // scene.add(objeto);

  return objeto;
}

function crearArbol() {
  return "arbol"; // AQUI CREARIAMOS EL OBJETO 3D
}

function crearLosa() {
  return "losa"; // AQUI CREARIAMOS EL OBJETO 3D
}

function crearAgua() {
  return "agua"; // AQUI CREARIAMOS EL OBJETO 3D
} 

// PROGRAMA PRINCIPAL
var mapaValores = [[0,0,0], [1,1,1], [2,2,2]];

var mapaObjetos = creaMapa(mapaValores);

console.log(mapaObjetos);