Foro de elhacker.net

Programación => Scripting => Mensaje iniciado por: braulio-- en 3 Enero 2010, 14:26 pm



Título: [Lección 2]Taller de desarrollo de videojuegos con pygame.
Publicado por: braulio-- en 3 Enero 2010, 14:26 pm
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:
# 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 :  (http://python.org) (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 (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
  1. import pygame
  2.  
Creando la ventana y mostrando la primera imagen
Para crear la ventana se haría así:
Código
  1. import pygame
  2. ventana = pygame.display.set_mode((800,400))
  3. raw_input()
  4.  
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
  1. import pygame
  2. ventana = pygame.display.set_mode((800,400))
  3. imagen = pygame.image.load('nombredeimagen')
  4. ventana.blit(imagen,(0,0))
  5. pygame.display.flip()
  6. raw_input()
  7.  
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
  1. import pygame,time
  2. pantalla = pygame.display.set_mode((600,400)) # Crea la pantalla con esas dimensiones
  3. imagen = pygame.image.load('imagen.gif') # Carga la imagen
  4.  
  5. while 1:
  6. for i in range(400):
  7.  pantalla.blit(imagen,(i,i)) # Pone la imagen en las coordenadas que diga la variable
  8.  pygame.display.flip()
  9.  time.sleep(0.01)
  10. for i in range(400):
  11.  pantalla.blit(imagen,(400-i,400-i))
  12.  pygame.display.flip()
  13.  time.sleep(0.01)
  14.  
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
  1. import pygame,time
  2. pantalla = pygame.display.set_mode((600,400)) # Crea la pantalla con esas dimensiones
  3. imagen = pygame.image.load('imagen.gif') # Carga la imagen
  4. fondo = pygame.Surface((600,400)) # Crea una imagen (Surface)
  5. fondo.fill([255,255,255]) # La rellena de color blanco (255,255,255esla representacion de rojo,amarillo y azul de la imagen)
  6. while 1:
  7. for i in range(400):
  8.  pantalla.blit(fondo,(0,0)) # Carga el fondo en la pantalla, tapando todo lo que hubiera antes
  9.  pantalla.blit(imagen,(i,i)) # Pone la imagen en las coordenadas que diga la variable i tapando esa parte del fondo
  10.  pygame.display.flip()
  11.  time.sleep(0.01)
  12. for i in range(400):
  13.  pantalla.blit(fondo,(0,0))
  14.  pantalla.blit(imagen,(400-i,400-i))
  15.  pygame.display.flip()
  16.  time.sleep(0.01)
  17.  
Y así se evita el problema.


Título: Re: Taller de desarrollo de videojuegos con pygame.
Publicado por: CaronteGold en 4 Enero 2010, 02:21 am


  Ya hice todo eso, está bien explicado  :P, ... 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.


Título: Re: Taller de desarrollo de videojuegos con pygame.
Publicado por: braulio-- en 4 Enero 2010, 14:11 pm
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.


Título: Re: Taller de desarrollo de videojuegos con pygame.
Publicado por: Masita en 4 Enero 2010, 16:50 pm
Espero impacientementel. Muy buena idea lo del tutorial.  ;-)


Título: Re: Taller de desarrollo de videojuegos con pygame.
Publicado por: enritter en 4 Enero 2010, 17:11 pm
genial ;-)


Título: Re: Taller de desarrollo de videojuegos con pygame.
Publicado por: braulio-- en 4 Enero 2010, 19:09 pm
Se ha puesto ya como mover las imágenes por la pantalla.


Título: Re: [Lección 2]Taller de desarrollo de videojuegos con pygame.
Publicado por: kyps en 5 Enero 2010, 15:45 pm
Yo es que nose muxo de python pero como sabes las cordenadas para poner justamente hay la imagen?


Título: Re: [Lección 2]Taller de desarrollo de videojuegos con pygame.
Publicado por: Novlucker en 5 Enero 2010, 15:54 pm
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


Título: Re: [Lección 2]Taller de desarrollo de videojuegos con pygame.
Publicado por: CaronteGold en 5 Enero 2010, 16:11 pm
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.


Título: Re: [Lección 2]Taller de desarrollo de videojuegos con pygame.
Publicado por: Novlucker en 5 Enero 2010, 16:20 pm
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 ;D

OT0T_Zz2fnU


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

Saludos


Título: Re: [Lección 2]Taller de desarrollo de videojuegos con pygame.
Publicado por: CaronteGold en 5 Enero 2010, 16:31 pm

  Juaz está bien el juego, pues con lo fácil que es hacerlos con el RPG Maker , creo que se llamaba, tu lo único que hacías era dar eventos, seleccionar cosas, pero el diseño estaba hecho, creabas los mapas por cuadrados, si es verde de hierba, o tal, estaba todo casi hecho.. xD.

  Pero tiene más mérito hacerlo 100% propio.