Interfaz gráfica (código)

Ahora les mostraré cómo mando a llamar las imágenes de mi videojuego en el código.

imagen1= pygame.image.load("monito1.png")
imagen2= pygame.image.load("escenario.png")

La imagen1 es como llamo a la imagen de mi monito (personaje). Aquí podemos ver que primero cargo la imagen llamada "monito1.png" que ya está en la misma carpeta donde se encuentra mi código. (Nota: la imagen que mando a llamar es la misma imagen de la entrada anterior)

La imagen2 es el nombre que le puse a mi imagen del escenario (bosque). El procedimento para llamara la imagen es el mismo que el de mi monito.

    pantalla.blit(imagen2,(0,0))
    pantalla.blit(imagen1,(x,y))

Con estas dos instrucciones indico que quiero que las imágenes anteriormente cargadas se desplieguen en lo que yo llamo "pantalla" (que es una pantalla de 600x400 pixeles), la primer que aparece en código es el escenario (imagen2) ya que quiero que esta aparezca debajo de todas las demás (si estuviera después de "imagen1" aparecería primero mi monito y después el escenario, y de esta manera taparía a mi personaje) el escenario quiero que aparezca a partir de las coordenadas 0,0 es decir, que tape toda mi pantalla (porque la imagen es de exactamente 600x400 al igual que la pantalla).

La instrucción de la imagen1 (mi personaje) la mando a llamar en las coordenadas que yo llamé "x" y "y" las cuales son (100,100)


Aquí les dejo una imagen de mi código en el editor de texto "emacs"

Fuentes: http://elescaparatederosa.blogspot.com/2008/04/imagen-con-fondo-transparente-usando.html
http://www.gimp.org/downloads/

Interfaz gráfica

En esta ocasión les mostraré lo que será mi monito en la pantalla de mi videojuego. Como ya había dicho anteriormente, mi monito será alguien medieval, es decir, un poco rudimentario, sin muchos lujos y un poco rudo. Pixeles (50x50)

Monito

La imagen es un poco pequeña, pero es para la proporción de 600x400 que tendrá mi pantalla, pero si quieren ver mi monito un poco más grande, aquí está esta imagen:

Descripción imagen: Mi monito tiene un paleacate rojo con un detalle en dorado al frente, cejas pobladas cafés, tez clara, ojos negros, sonrisa de un lado, camisa azul fuerte, una banda que le cruza toda la camisa simulando un morral colgando de su hombro, una espada con detalles en morado, un cinto café con detalles en dorado, un pantalón holgado rojo del mismo tono que el paleacate, botas negras punteagudas (muy de la época medieval) con detalles en dorado.

Escenario:

Mi escenario es un bosque sin habitantes, lleno de arbustos, tierra, piedras y maleza. Pixeles (600x400)

Descripción escenario: Contiene arbustos, maleza, mucha tierra, zacate pequeño, y algunas piedras. El escenario no es muy lindo, pero quería darle el toque de descuidado ya que estamos en la época medieval en mi videojuego. Los arbustos tienen un tamaño de 20x20 pixeles, y las piedras de 10x10


El programa que utilicé para realizar estas imágenes se llama GIMP, es muy parecido al Adobe Photoshop pero con la gran ventaja de que es gratuito. Si lo queremos descargar en nuestra computadora, ingresamos esto en la terminal: sudo apt-get install gimp

Y es todo lo que se tiene que hacer para tener ese software instalado.

Aquí una imagen del escenario y el monito juntos:

 



Fuentes: http://www.gimp.org/downloads/
http://www.youtube.com/watch?v=l1H3YZrvnPI