Buenas, Hace unos años publique en PHPeros un pequeño pero grandioso script que cree en unas horas que seria la base de cualquier juego isométrico realizado en JavaScript.
Dicho script esta realizado de la manera mas fácil posible para que sea de fácil edición en cualquier proyecto que tengan en mente.
No utilice librerías que tengan que ver con juegos isométricos, Lo que si es que esta hecho en jQuery para obtener un mejor funcionamiento a la hora de ir creando su proyecto.
Aquí les dejo el código:
<html>
<head>
<meta name="author" content="Joaquin A." />
<meta name="twitter" content="JoakoM010" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script>
/*!
* Build de Baldosas en Espacios Isométricos - jQuery
*
* Contacto:
* Twitter: @JoakoM010
* Skype: SoyJoaquin.
*/
var emX;
var emY;
var imagen;
var balH;
var balW;
var tX = 8;
var tY = 13;
$(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<tX;x++) {
for(y=0;y<tY;y++) {
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: http://www.phperos.net/foro/index.php?topic=7972.0Autor: 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.pngSaludos y espero que les sea de utilidad.
