Creando un fondo con scroll

Posted on May 16, 2007. Filed under: PyGame, Python |

Es una característica típica de los viejos juegos de naves, hay un tutorial en ingles muy bueno aquí, pero para este post hice algo diferente y mucho mas fácil de entender.

El codigo del ejemplo lo pueden descargar de aquí (se llama scroll.zip)

Hago una pequeña explicación, primero creamos la clase Fondo pero con 2 images, solo sirve para que puedan ver el efecto scroll con un fondo diferente

class Fondo(pygame.sprite.Sprite):
    def __init__(self):
        pygame.sprite.Sprite.__init__(self)
        self.image, self.rect=load_image(‘fondo.jpg’,0)
        self.image2, self.rect2 = load_image(‘fondo2.jpg’,0)

En la función main() vemos el código clásico de cualquier juego en pygame, definimos la pantalla, creamos un fondo y un objeto de tipo clock que nos servirá para fijar los cuadros por segundos, en este caso lo fijaremos a 30 escribiendo clock.tick(30) dentro del while.

desplazamiento = 0
imagen_de_fondo=imagen.imagen2
while 1:

        for event in pygame.event.get():
            if event.type == QUIT:
                raise SystemExit
            if event.type == MOUSEBUTTONDOWN:
                imagen_de_fondo=fondo.image
            elif event.type is MOUSEBUTTONUP:
                imagen_de_fondo=fondo.image2


        desplazamiento +=2
        if desplazamiento==64: desplazamiento=0
        screen.blit(imagen_de_fondo,(0,0), (desplazamiento,0,HEIGHT,WIDTH))
        pygame.display.flip()
        clock.tick(30)

Hay un par de cosas para remarcar:

Al clickear el mouse intercambiamos el fondo
Hay una variable desplazamiento que va desde 0 a 64 (de 2 en 2) eso hace que en cada cuadro desplacemos el fondo 2 pixels.

La función blit de este ejemplo copia la imagen de fondo en la superficie screen, pero en este caso le pasamos 2 parametros nuevos, uno sirve para posicionarlo en (0,0) es decir (no estoy seguro) en la esquina superior izquierda y con el 2do parámetro le enviamos un rectángulo de la imagen fondo, pero desplazado.
Las imagenes de fondo tienen 124 pixeles mas de ancho que la pantalla, si no hiciéramos eso no podríamos lograr el efecto de desplazamiento.