¡Advertencia!
Este tema no ha tenido respuestas en más de un mes. Recuerda que si deseas añadir una nueva debes cumplir con las normas de la web.
Programación [Aporte] [jQuery] Build de...
La primera versión de dicho script tan solo se podían generar áreas "cuadradas", sin ningún tipo de dinamismo en baldosas. En esta versión he actualizado esa parte para poder colocar los tiles o baldosas en el lugar que desees bajo un array multidimensional para cargar el mapa del área.

Aquí les dejo el código:
<html>
<head>
<script src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script>
/*!
 * Build de Baldosas en Espacios Isométricos - jQuery
 *
 * Copyright 2011, SoyJoaquin. (-Null-)
 * Todos los derechos reservados.
 * http://phperos.net
 *
 * Contacto:
 * Email: hgcproductions@hotmail.com
 * Skype: SoyJoaquin.
 *
*/

var emX; 
var emY;
var imagen;
var balH;
var balW;
var mapa = [[1,1,1,1,1,1,1,1],[1,1,1,1,1,1,1,1],[1,1,1,1,1,1,1,1],[1,1,1,0,0,1,1,1],[1,1,1,0,0,1,1,1],[1,1,1,1,1,1,1,1],[1,1,1,1,1,1,1,1],[1,1,1,1,1,1,1,1]];

$(document).ready(function (){                                                                      
 emX = 150;
 emY = 50;
 imagen = "imagenes/baldosa.png"; 
                                                                           
 balH = 32;
 balW = 64;      
                                         
 $('#piso').css({
  left: emX,
  top: emY
 });                           
loadBaldosa();                                                                 
});

function loadBaldosa() {
var id = 0;
 for(x=0;x<mapa.length;x  ) {
  for(y=0;y<mapa[x].length;y  ) {
   if(mapa[x][y] == 1){
    id  ;
    $("#piso").append('<div id="' id '"><img src="' imagen '"></div>');               
    resultadoX = (x * (balW / 2)) - (y * (balW / 2))   emX;
    resultadoY = (x * (balH / 2))   (y * (balH / 2))   emY;       
    $('#' id).css({
     position: "absolute",
     left: resultadoX,
     top: resultadoY
    });               
   }
  }
 }
}
</script>
</head>
<body>
<div id="piso" style="position:absolute;"></div>
</body>
</html>


Tema Oficial:
v1.0: http://www.phperos.net/foro/index.php?topic=7972.0
v2.0: http://www.phperos.net/foro/index.php?topic=8024.0
Autor: Yo (SoyJoaquin.)
Archivos que van a necesitar:
-Librería jQuery (Incluida en el código)
-Imagen de la baldosa o tile: http://img20.imageshack.us/img20/1225/baldosa.png

Previa de lo que se puede crear con la v2.0:


Saludos y espero que les sea de utilidad.
Arquitecto, diseñador y programador | Comenzando a proyectar mi vida bajo mis propios ideales. Administrador de ilDom, Twiteck y Century21
Programación [Aporte] [jQuery] Build de...