En la función DibujarBaldosa() utilizamos el número contenido en la variable baldosa para indicar que parte de la imagen baldosas (tiles.png) queremos poner en la pantalla.

Y puede que te preguntes ahora ¿ y por qué no hemos llamado a cada tile directamente con un número en vez de con una letra? Se podría haber hecho así en el caso de que el número de tiles fuera igual o menor que 10, ya que podríamos utilizar los números del 0 al 9 para nombrar a cada tipo de tile. En el caso de este juego, ya tenia definidas estas 10 baldosas, pero ante la posibilidad de que me pudiera surgir un nuevo modelo de baldosa durante el desarrollo del juego, opté por nombrar las baldosas con letras. Con letras se pueden llegar a definir más de 20 modelos de tiles diferentes, y con números sólo 10.

En mi caso he trabajado con los tiles de este modo, pero seguro que se puede hacer de otras formas.

Cada programador puede utilizar su propio método, en función de su experiencia y de las necesidades concretas de cada programa.

Un saludo

Descargar Homebrew de BETA, gratis. Visualizar un tutorial, gratis. Iniciarse en la programacion en español, gratis. Colaborar a que la scene PSP en español crezca, no tiene precio.

Intentaré explicarte brevemente como se crean las imágenes de los niveles del juego Smiley Scape, utilizando tiles.

El fichero tiles.png contiene las imágenes de las 10 baldosas que se utilizan para crear cada una de las pantallas. Las llamaremos A, B, C, D, E, F, G, H, I y J. Esta formado por 10 imágenes de 36x36 pixels, es decir, mide 360x36 pixels.

Llamamos baldosas a la imagen tiles.png.

baldosas = Image.load("Imagenes/tiles.png")

En primer lugar se lee el fichero del nivel que se quiere crear. Este contiene el array mapa que indica la distribución de tiles. La pantalla de juego esta formada por 8 x 8 tiles. Es decir mide 288x288 pixels. Como vemos el mapa que forma el nivel-1.txt lo forman letras de la A a la J.

mapa = {

            "AAAAAAAA",

            "AFCCCCGA",

            "ABJACDGA",

            "ABCAAADA",

            "ABAAAADA",

            "ABAAAADA",

            "AIEEAHHA",

            "AAAAAAAA",

}

Tras cargar el array mapa, leemos todas sus filas y columnas.

for y = 1, 8 do

            linea = mapa[y]

            for x = 1, 8 do

                        baldosa = string.byte(linea, x) - string.byte("A") + 1

                        DibujarBaldosa(baldosa, x , y )

            end

end

Leemos de izquierda a derecha y de arriba hacia abajo, cada una de las letras del array.

La variable linea nos devuelve el valor de una fila del array mapa, es decir , 8 letras. En nuestro ejemplo, para y = 1 linea = "AAAAAAAA", para y = 2 linea = "AFCCCCGA", etc.

La expresión baldosa = string.byte(linea, x) - string.byte("A") + 1 convierte cada letra a un número del 1 al 10. Si la letra es A, baldosa = 1; si la letra es B, baldosa = 2; etc. Lo utilizaremos para leer la parte de la imagen que corresponda.

De esta forma, para cada pareja de valores x-y, tenemos un número baldosa en función de la letra que se ha leído.

La función DibujarBaldosa(baldosa, x , y ) dibuja la pantalla.

function DibujarBaldosa(baldosa, x, y)

            pantallajuego:blit(78+32*x, -26+32*y, baldosas, 36*baldosa-36, 0, 36, 36, true)   

end

Donde pantallajuego:blit(posición x en que colocamos la imagen, posición y en que colocamos la imagen, nombre de la imagen, posición x desde la que empezamos a mostrar la imagen, posición y desde la que empezamos a mostrar la imagen, ancho que mostramos de la imagen, alto que mostramos de la imagen, modo transparente activo).

Un saludo

P.D. Me alegra mucho que te haya gustado el juego.

Descargar Homebrew de BETA, gratis. Visualizar un tutorial, gratis. Iniciarse en la programacion en español, gratis. Colaborar a que la scene PSP en español crezca, no tiene precio.

y mientras, puedes mandarle un correo privado a puce pinchando en su nick, es un tio genial, seguro que se vuelca para echarte una mano ;-). Un saludo pesepero, y nos alegramos de que los tutos te hayan sido utiles.