El problema es que para que en pantalla se muestre algo así:
Este es el código que genero con php:
Código
<img src="http://midominio/images/floor.gif" width="16" height="16" /><img src="http://midominio/images/wall.gif" width="16" height="16" /><img src="http://midominio/images/wall.gif" width="16" height="16" /><img src="http://midominio/images/wall.gif" width="16" height="16" /><img src="http://midominio/images/wall.gif" width="16" height="16" /><img src="http://midominio/images/wall.gif" width="16" height="16" /><img src="http://midominio/images/wall.gif" width="16" height="16" /><img src="http://midominio/images/wall.gif" width="16" height="16" /><img src="http://midominio/images/floor.gif" width="16" height="16" /><br/> <img src="http://midominio/images/wall.gif" width="16" height="16" /><img src="http://midominio/images/wall.gif" width="16" height="16" /><img src="http://midominio/images/floor.gif" width="16" height="16" /><img src="http://midominio/images/floor.gif" width="16" height="16" /><img src="http://midominio/images/wall.gif" width="16" height="16" /><img src="http://midominio/images/floor.gif" width="16" height="16" /><img src="http://midominio/images/floor.gif" width="16" height="16" /><img src="http://midominio/images/wall.gif" width="16" height="16" /><img src="http://midominio/images/wall.gif" width="16" height="16" /><br/> <img src="http://midominio/images/wall.gif" width="16" height="16" /><img src="http://midominio/images/floor.gif" width="16" height="16" /><img src="http://midominio/images/floor.gif" width="16" height="16" /><img src="http://midominio/images/box.gif" width="16" height="16" /><img src="http://midominio/images/player.gif" width="16" height="16" /><img src="http://midominio/images/box.gif" width="16" height="16" /><img src="http://midominio/images/floor.gif" width="16" height="16" /><img src="http://midominio/images/floor.gif" width="16" height="16" /><img src="http://midominio/images/wall.gif" width="16" height="16" /><br/> <img src="http://midominio/images/wall.gif" width="16" height="16" /><img src="http://midominio/images/floor.gif" width="16" height="16" /><img src="http://midominio/images/wall.gif" width="16" height="16" /><img src="http://midominio/images/box.gif" width="16" height="16" /><img src="http://midominio/images/wall.gif" width="16" height="16" /><img src="http://midominio/images/box.gif" width="16" height="16" /><img src="http://midominio/images/wall.gif" width="16" height="16" /><img src="http://midominio/images/floor.gif" width="16" height="16" /><img src="http://midominio/images/wall.gif" width="16" height="16" /><br/> <img src="http://midominio/images/wall.gif" width="16" height="16" /><img src="http://midominio/images/floor.gif" width="16" height="16" /><img src="http://midominio/images/wall.gif" width="16" height="16" /><img src="http://midominio/images/goal.gif" width="16" height="16" /><img src="http://midominio/images/goal.gif" width="16" height="16" /><img src="http://midominio/images/goal.gif" width="16" height="16" /><img src="http://midominio/images/wall.gif" width="16" height="16" /><img src="http://midominio/images/floor.gif" width="16" height="16" /><img src="http://midominio/images/wall.gif" width="16" height="16" /><br/> <img src="http://midominio/images/wall.gif" width="16" height="16" /><img src="http://midominio/images/floor.gif" width="16" height="16" /><img src="http://midominio/images/box.gif" width="16" height="16" /><img src="http://midominio/images/goal.gif" width="16" height="16" /><img src="http://midominio/images/goal_box.gif" width="16" height="16" /><img src="http://midominio/images/goal.gif" width="16" height="16" /><img src="http://midominio/images/wall.gif" width="16" height="16" /><img src="http://midominio/images/floor.gif" width="16" height="16" /><img src="http://midominio/images/wall.gif" width="16" height="16" /><br/> <img src="http://midominio/images/wall.gif" width="16" height="16" /><img src="http://midominio/images/floor.gif" width="16" height="16" /><img src="http://midominio/images/wall.gif" width="16" height="16" /><img src="http://midominio/images/goal.gif" width="16" height="16" /><img src="http://midominio/images/goal_box.gif" width="16" height="16" /><img src="http://midominio/images/goal.gif" width="16" height="16" /><img src="http://midominio/images/wall.gif" width="16" height="16" /><img src="http://midominio/images/floor.gif" width="16" height="16" /><img src="http://midominio/images/wall.gif" width="16" height="16" /><br/> <img src="http://midominio/images/wall.gif" width="16" height="16" /><img src="http://midominio/images/floor.gif" width="16" height="16" /><img src="http://midominio/images/floor.gif" width="16" height="16" /><img src="http://midominio/images/floor.gif" width="16" height="16" /><img src="http://midominio/images/box.gif" width="16" height="16" /><img src="http://midominio/images/floor.gif" width="16" height="16" /><img src="http://midominio/images/floor.gif" width="16" height="16" /><img src="http://midominio/images/floor.gif" width="16" height="16" /><img src="http://midominio/images/wall.gif" width="16" height="16" /><br/> <img src="http://midominio/images/wall.gif" width="16" height="16" /><img src="http://midominio/images/wall.gif" width="16" height="16" /><img src="http://midominio/images/floor.gif" width="16" height="16" /><img src="http://midominio/images/wall.gif" width="16" height="16" /><img src="http://midominio/images/box.gif" width="16" height="16" /><img src="http://midominio/images/wall.gif" width="16" height="16" /><img src="http://midominio/images/floor.gif" width="16" height="16" /><img src="http://midominio/images/wall.gif" width="16" height="16" /><img src="http://midominio/images/wall.gif" width="16" height="16" /><br/> <img src="http://midominio/images/floor.gif" width="16" height="16" /><img src="http://midominio/images/wall.gif" width="16" height="16" /><img src="http://midominio/images/floor.gif" width="16" height="16" /><img src="http://midominio/images/floor.gif" width="16" height="16" /><img src="http://midominio/images/floor.gif" width="16" height="16" /><img src="http://midominio/images/floor.gif" width="16" height="16" /><img src="http://midominio/images/floor.gif" width="16" height="16" /><img src="http://midominio/images/wall.gif" width="16" height="16" /><img src="http://midominio/images/floor.gif" width="16" height="16" /><br/> <img src="http://midominio/images/floor.gif" width="16" height="16" /><img src="http://midominio/images/wall.gif" width="16" height="16" /><img src="http://midominio/images/wall.gif" width="16" height="16" /><img src="http://midominio/images/wall.gif" width="16" height="16" /><img src="http://midominio/images/wall.gif" width="16" height="16" /><img src="http://midominio/images/wall.gif" width="16" height="16" /><img src="http://midominio/images/wall.gif" width="16" height="16" /><img src="http://midominio/images/wall.gif" width="16" height="16" /><img src="http://midominio/images/floor.gif" width="16" height="16" /><br/> <br/>
Y obviamente, el htm generado pesa mucho, por lo que tendré problemas de ancho de banda, por ejemplo, para unos 100 niveles, el htm pesa más de un mega.
Tengo pensado evitar:
width="16" height="16
y poner class="algo" y especificar el tamaño con css.
Sin embargo de todas formas, es mucho código, así es que me gustaría poder pegar todas las imagenes, ¿se puede hacer con php dinámicamente? y así generar una sola imagen para que el htm quede:
<img src="http://midominio/images/imagenGenerada.gif" />
Si se puede, podría generar todas las imágenes, y subirlas a otro hosting, por ejemplo imageshack, así me ahorro un montón de ancho de banda.
Nota: cada cuadro de 16*16 de la imagen que muestro es una imagen, por ejemplo: wall.gif es el bloque de muralla, floor.gif es el bloque negro, etc.