[Lección 2]Taller de desarrollo de videojuegos con pygame.

[braulio--]

Debido a que he visto que en el foro hay interés por python, he decidido que voy a hacer un pequeño taller sobre la librería para desarrollo de juegos pygame.
Las lecciones de este taller se irán poniendo en este mismo post para que estén todas juntas.
Debo aclarar que esto no va a ser un análisis de los métodos y clases que ofrece pygame, sino una aplicación práctica de los que considero mas importantes.
Instalación

• En linux.
  Python viene preinstalado y para instalar pygame basta con bajarse el paquete de los repositorios.
  
  Código [Seleccionar] Expandir
  
# yum install pygame
[...]
$ sudo apt-get install pygame
[...]
# zypper install pygame
[...]

  Depende de la distribución que uséis.
  
• En windows
  Python os lo podéis bajar de su web : (yo voy a usar la versión 2.6)
  Y para pygame os podéis bajar el instalador desde esta web : http://www.pygame.org/download.shtml
  
  
  Un poco de teoría
  Todos los juegos que podéis imaginar, siguen este esquema:
  Mientras no se termine:
  
• Procesar entradas (que pueden ser del teclado, del ratón...)
  
• Actualizar gráficos (puede ser mover un marcianito, cambiar de color una roca ...)
  
• Actualizar sonido (puede ser un disparo, los expectadores grintando gol ...)
  
• Mostrar gráficos (ponerlos en la pantalla)
  
• Reproducir sonidos (hacer que suenen)
  A cada repetición que se hace de este esquema se le llama frame.
  Empezando con pygame
  Por el momento, para importar pygame haremos esto:
  
  Código (python) [Seleccionar] Expandir
  
import pygame

  Creando la ventana y mostrando la primera imagen
  Para crear la ventana se haría así:
  
  Código (python) [Seleccionar] Expandir
  
import pygame
ventana = pygame.display.set_mode((800,400))
raw_input()

  Donde 800 y 400 son el tamaño de la ventana.
  Si lo ejecutan verán que les aparece una ventana.
  También les voy a aclarar que todo lo que se puede mostrar en esa ventana son objetos Surface de la librería pygame.
  Para mostrar una imagen hay que hacer esto :
  
  Código (python) [Seleccionar] Expandir
  
import pygame
ventana = pygame.display.set_mode((800,400))
imagen = pygame.image.load('nombredeimagen')
ventana.blit(imagen,(0,0))
pygame.display.flip()
raw_input()

  pygame.image.load() crea una surface a partir de una imagen donde nombredeimagen es el nombre de una imagen que esté en el mismo directorio que el juego.
  Lo que hace el método blit es colocar la Surface que le pasemos como argumento en las coordenadas que le pasemos como segundo argumento siendo 0,0 la esquina superior izquierda.
  pygame.display.flip() lo que hace es mostrar los gráficos que tenga que mostrar.
  Aquí acaba la primera lección, mas tarde seguiré.
  Mover imágenes por la pantalla
  Para mover imágenes por la pantalla lo que hay que hacer es ir actualizando un par de variables que servirán como cordenadas del método .blit(). De esta forma :
  
  Código (python) [Seleccionar] Expandir
  
import pygame,time
pantalla = pygame.display.set_mode((600,400)) # Crea la pantalla con esas dimensiones
imagen = pygame.image.load('imagen.gif') # Carga la imagen

while 1:
for i in range(400):
 pantalla.blit(imagen,(i,i)) # Pone la imagen en las coordenadas que diga la variable
 pygame.display.flip()
 time.sleep(0.01)
for i in range(400):
 pantalla.blit(imagen,(400-i,400-i))
 pygame.display.flip()
 time.sleep(0.01)

  Si prueban ese código verán que la imagen.gi (podéis cambiarle el nombre por el nombre de la imagen que usaron antes) se va moviendo en diagonal por la pantalla , pero , hay un problema y es que la imagen se va sobreponiendo sin borrar la anterior.
  En pygame , no se pueden borrar las imágenes que aparecen en la pantalla, pero lo que si se puede hacer es tapar lo que había antes con una imagen del tamaño de la ventana.De esta forma :
  
  Código (python) [Seleccionar] Expandir
  
import pygame,time
pantalla = pygame.display.set_mode((600,400)) # Crea la pantalla con esas dimensiones
imagen = pygame.image.load('imagen.gif') # Carga la imagen
fondo = pygame.Surface((600,400)) # Crea una imagen (Surface)
fondo.fill([255,255,255]) # La rellena de color blanco (255,255,255esla representacion de rojo,amarillo y azul de la imagen)
while 1:
for i in range(400):
 pantalla.blit(fondo,(0,0)) # Carga el fondo en la pantalla, tapando todo lo que hubiera antes
 pantalla.blit(imagen,(i,i)) # Pone la imagen en las coordenadas que diga la variable i tapando esa parte del fondo
 pygame.display.flip()
 time.sleep(0.01)
for i in range(400):
 pantalla.blit(fondo,(0,0))
 pantalla.blit(imagen,(400-i,400-i))
 pygame.display.flip()
 time.sleep(0.01)

  Y así se evita el problema.
  

[CaronteGold]

  Ya hice todo eso, está bien explicado  , ... una cosa, es normal que al cerrar la ventana de PyGame, en la X, se me trabe el PC¿?, se traba y tengo que cerrarlo con el "Administrador de Tareas".

  Saludos.

[braulio--]

Es totalmente normal, pero lo que puedes hacer es irte a la ventana de la consola y darle a enter.
Creo que en un par de horas continuaré el curso.

[Masita]

Espero impacientementel. Muy buena idea lo del tutorial. 

[enritter]

genial

[braulio--]

Se ha puesto ya como mover las imágenes por la pantalla.

[kyps]

Yo es que nose muxo de python pero como sabes las cordenadas para poner justamente hay la imagen?

[Novlucker]

Lo "calculas", es decir, tu mueves/colocas la imagen sobre un lienzo (ventana) que tu mismo has predefinido, así que la posición es en relación a dicho lienzo, y eso no es difícil de determinar.

Saludos

[CaronteGold]

Lo "calculas", es decir, tu mueves/colocas la imagen sobre un lienzo (ventana) que tu mismo has predefinido, así que la posición es en relación a dicho lienzo, y eso no es difícil de determinar.

Saludos

   Y esto no se podría hacer manualmente con alguna GUI ¿? , es decir mover las imágenes con el ratón.

[Novlucker]

No, pero eso es como en cualquier lenguaje, tu pones la imagen sobre la "pantalla", pero luego eres tu el que debe de poner la lógica a esos movimientos, los cuales reaccionan a eventos.

Por decir algo, ventana con imagen, se detecta que se presiona la flecha izquierda, que se hace? se mueve? y si hay otra imagen en su camino? hay colisión?, etc etc.

Eso si, con mucho trabajo se pueden conseguir buenos resultados

[youtube=425,350]http://www.youtube.com/watch?v=OT0T_Zz2fnU[/youtube]

:http://www.lazonakf.com/categoria/pygame

Saludos