Introduction à pyxel - Sans POO
Vous allez découvrir les bases de la création d'un jeu.
L'objectif est de créer un carré capable de se dessiner et de se déplacer en fonction de son vecteur directionnel (dx, dy).
import pyxel as px
# -- CONStANTES
W: int = 30 # Largeur
H: int = 30 # Hauteur
# -- Etat du jeu --
x: float # Coordonnée x du pyxel
y: float # Coordonnée y du pyxel
dx: float # Déplacement en x
dy: float # déplacement en y
color: int # Couleur
# -- Initialisation de l'état du jeu --
def reinit():
"""
Initialise un pixel vert avec une position centrale et un vecteur directeur nul.
"""
global x, y, dx, dy, color
x = px.width/2
y = px.height/2
dx = 0
dy = 0
color = px.COLOR_GREEN
# -- Mise à jour régulière de l'état du jeu ---
def update():
"""
Gère les événements utilisateur pour déplacer le pixel.
Cette fonction est automatiquement appelée en boucle par pyxel.
"""
global x, y, dx, dy, color
# Modification du vecteur directeur selon les touches fléchées
if px.btn(px.KEY_RIGHT):
dx = ...
dy = ...
elif ...
...
# -- Dessin régulier de l'état du jeu à l'écran ---
def draw():
"""
Dessine le carré sur l'écran.
"""
global x, y, dx, dy, color
px.cls(px.COLOR_BLACK) # Efface l'écran
px.pset(int(x), int(y), color) # Dessine le carré
# 1. Démarrer le moteur de jeu en 10 FPS
px.init(H, W, title="Carré en Mouvement", fps = 10)
# 2. Initialiser les variables du jeu
reinit()
# 3. Lancer le jeu
px.run(update, draw)
# Cette dernière instruction lance une boucle infinie,
# qui appelle update, puis draw, de manière régulière, à chaque Frame (ici 10 fois par seconde)
Exercices de base
- Complétez la méthode update. Testez
- Modifiez le framerate. Testez
- Si ça n'est pas déjà fait, modifier la méthode update pour que le carré s'arrête lorsqu'on lâche les touches.
- Le carré ne doit pas bouger s'il va dépasser de l'écran.
- Modifiez la fonction update pour tenir compte de cette information.
- Espace torique: Un carré peut maintenant dépasser un bord mais il réapparaît au bord opposé (ce qui fait de l'espace de jeu un espace sans bord)
- Modifiez la fonction update pour tenir compte de cette information. On s'intéressera à l'opérateur modulo. La modification doit être minime.
Remplacer un pixel par un sprite
- Téléchargez le fichier 2.pyxres sur le site de la nuit du code
- Il s'agit d'un fichier contenant des ressources visuelles et sonores.
- Placez le dans le même répertoire que votre fichier python.
- Pyxel vient avec un éditeur de ressources. Pour visualiser les ressources du jeu, exécutez la commande suivante dans un terminal:
pyxel edit <répertoire>\2.pyxres - N'hésitez pas à bidouiller, vous ne pouvez rien casser, au pire vous pourrez retélécharger le fichier.
- A la place d'un simple carré, on veut maintenant utiliser un sprite
- Pour le faire, il faut d'abord charger ce fichier dans le code juste avant de démarrer le jeu:
px.load("<répertoire>\2.pyxres") - Ensuite il faut dessiner le sprite que vous aurez choisi au lieu de simplement remplir un pixel. Il n'y a qu'une ligne de code à modifier. Je vous laisse la trouver en explorant la documentation de pyxel.
- remarque: Vous aurez nécessairement besoin d'augmenter la hauteur et la largeur de votre fenêtre (H et W), ce qui réduira la taille des "pixels".
- Pour le faire, il faut d'abord charger ce fichier dans le code juste avant de démarrer le jeu: