Le dessin et le graphisme dans tous leurs états avec Pygame

1. Le module pygame.draw

Ce module Pygame permet de dessiner les principales formes géométriques dont on peut avoir besoin. Notamment, les formes suivantes :

2. Dessiner une ligne

Commencez par colorer en noir le fond de la fenêtre du jeu. Puis, tracez les deux diagonales du carré de la fenêtre de jeu. Les deux diagonales sont colorées en rouge. Géométriquement, ce sont des segments.

Comme vu précédemment, utilisez la fonction pygame.draw.line. Le code est le suivant :

import pygame, sys 
pygame.init() 
 
# FENETRE DE 400 SUR 400 AVEC UN FOND NOIR 
ECRAN = pygame.display.set_mode((400,400)) 
pygame.display.set_caption("Chapitre 5") 
COULEUR_NOIRE = pygame.Color(0, 0, 0) 
ECRAN.fill(COULEUR_NOIRE) 
 
 
# DIAGONALES EN ROUGE 
COULEUR_ROUGE = pygame.Color(255, 0, 0) 
pygame.draw.line(ECRAN, COULEUR_ROUGE, (0,0), (400, 400)) 
pygame.draw.line(ECRAN, COULEUR_ROUGE, (0, 400), (400, 0)) 
 
 
# BOUCLE DE JEU 
while 1: 
 
 for event in pygame.event.get(): 
   if event.type == pygame.QUIT: 
     sys.exit() 
 
 pygame.display.flip() 

C’est précisément le code suivant qui permet d’afficher...

1. Le module pygame.image

La question du chargement et de l’affichage des images a été abordée dans le chapitre Concepts du jeu vidéo et premiers pas à propos de Pygame avec l’exemple Fusée et planètes. Il s’agit donc de préciser un peu tout cela. En effet, l’élaboration d’un jeu implique souvent d’afficher des images élémentaires. Par exemple, l’image élémentaire du mur d’un labyrinthe que l’on va afficher en de multiples exemplaires.

Pygame propose un module nommé image dédié à l’affichage et à la sauvegarde des images. Les fonctions disponibles dans ce module sont les suivantes :

2. Charger des images avec Pygame

1. Le module pygame.font

L’affichage de chaînes de caractères et donc de texte en Pygame obéit à la même logique que celle utilisée pour les formes géométriques ou les images : celle des surfaces Pygame. Ici également, il s’agira d’écrire du texte sur une surface donnée.

L’enjeu principal de l’affichage de texte est celui de la police de caractères (font en anglais). Le module dédié dans Pygame s’appelle pygame.font.

Les principales fonctions de ce module sont les suivantes :

2. Utiliser des polices de caractères système avec Pygame

Nous commençons par utiliser le constructeur de SysFont, qui permet de définir l’utilisation d’une police de caractères disponible sur la machine utilisée. Ici, on se réfère à la police Arial en taille 35, que l’on désire afficher en gras et en italique. Le gras correspond au troisième paramètre (ici à 1) et l’italique...

1. Gérer les événements de la souris ou du clavier en Pygame

Nous avons déjà vu précédemment la captation des événements du clavier ; la donne est sensiblement la même avec les événements de la souris.

La base du code est la suivante :

import pygame, sys 
 
pygame.init() 
 
# FENETRE DE 400 SUR 400 
ECRAN = pygame.display.set_mode((400,400)) 
pygame.display.set_caption("Chapitre 5") 
COULEUR_NOIRE = pygame.Color(0, 0, 0) 
ECRAN.fill(COULEUR_NOIRE) 
 
 
SUITE = True 
# BOUCLE DE JEU 
while SUITE: 
 
 for event in pygame.event.get(): 
   if event.type == pygame.QUIT: 
     SUITE = False 
   elif event.type == pygame.KEYDOWN: 
     if event.key == pygame.K_ESCAPE: 
       SUITE = False 
   elif event.type == pygame.MOUSEBUTTONDOWN: 
       print(event) 
   elif event.type == pygame.MOUSEBUTTONUP: 
       print(event) 
 
 pygame.display.flip() 

Nous voyons que l’on a une captation des événements du clavier, notamment l’appui sur la touche [Esc].

for event in pygame.event.get(): 
   if event.type == pygame.QUIT: ...

1. Le module pygame.transform

Le propos du module est d’appliquer des transformations géométriques à des surfaces Pygame. Le module fournit entre autres la possibilité de procéder à :

2. Exemple d’utilisation des transformations Pygame

Nous choisissons d’afficher une petite image à laquelle nous allons appliquer diverses transformations géométriques. L’image choisie est celle du logo des Éditions ENI, éditeur du présent ouvrage.

Le code initial est le suivant :

import pygame, sys 
import math 
PI = math.pi 
 
pygame.init() 
 
# FENETRE DE 400 SUR 400 AVEC UN FOND NOIR 
ECRAN = pygame.display.set_mode((400,400)) 
pygame.display.set_caption("Chapitre 5 - transformations") 
COULEUR_NOIRE = pygame.Color(0, 0, 0) 
ECRAN.fill(COULEUR_NOIRE) 
 
#Image 
logo = pygame.image.load("logo_ENI.png").convert() 
ECRAN.blit(logo, (50, 50)) 
 
# BOUCLE DE JEU 
while 1: 
 
 for event in pygame.event.get(): 
   if event.type == pygame.QUIT: 
     sys.exit() 
 
 pygame.display.flip() 

Ce qui donne à l’écran :

Copie d’écran avant transformations géométriques

Nous allons voir trois transformations issues du module transform : deux transformations isométriques (la symétrie axiale ainsi que la rotation) et une homothétie.

Ci-après le code complet de l’exemple avant explications :

import pygame, sys 
import math 
PI = math.pi 
 ...