Programmer un jeu vidéo en Python – Processing – Chapitre 1

1 – Pour commencer

Ceci est le premier d’une série d’articles qui vont vous apprendre à programmer un jeu vidéo en Python, en utilisant l’environnement Processing.

Vous avez le choix entre le fait de travailler dans l’EDI de Processing  ou directement sur ce site.

L’EDI Processing

Si vous souhaitez travailler dans l’EDI, il vous faudra d’abord télécharger puis  installer le logiciel Processing.

Une fois lancé, sélectionnez « ajouter mode… » en haut à droite, puis installez le mode Python.

Processing Python directement sur le site

Vous pouvez lancer le script ci-dessous en appuyant sur le bouton « Play ».

Le code ci-dessus ne sert pas à grand chose : il affiche un rectangle coloré.

La structure minimale d’un programme (ou sketch) en Processing Python est toujours la même :

  • Une fonction setup( ) qui est appelée une seule fois en début de programme. C’est ici que l’on va initialiser notre programme, notamment en créant la fenêtre d’affichage grâce à l’instruction size(largeur,hauteur), largeur et hauteur étant exprimés en pixels.
  • Une fonction draw( ) qui est appelée automatiquement par Processing un certain nombre de fois par seconde. Ce nombre de fois est stocké dans une variable appelée frameRate.
  • Remarquez au début l’importation de la librairie processing, et à la fin l’appel à la fonction run(). Ces deux lignes ne sont  pas nécessaires lorsqu’on travaille dans l’EDI.

Tout cela permet de réaliser facilement une animation :

Analysons les différentes lignes du programme :

Ce sont des variables globales.

Création de la fenêtre graphique.

Cela permet d’avoir accès aux variables globales dans la fonction draw( ) (revoir la leçon sur la portée des variables en Python).

On remplit l’écran avec du blanc.

Les formes dessinées à partir de maintenant seront remplies par la couleur RGB = Red Grenn Blue (RVB = Rouge Vert Bleu en français) 0,102,200.

Il s’agit d’une utilisation de la synthèse additive des couleurs, chaque couleur étant la résultante de trois composantes : Rouge Verte et Bleue, chacune pouvant avoir une intensité de 0 à 255.

Pour plus d’information sur la manière dont les couleurs sont codées dans une image informatique, vous pouvez voir l’article Codage informatique des couleurs.

Exercice : Modifiez le code ci-dessus pour changer la couleur du rectangle. Pensez à relancer le programme après chaque modification.

Si sens vaut 1, on ajoute 1 à y (on incrémente y). Si sens vaut -1, on décrémente y.

Si on atteint l’une des limites haute ou basse, on change de sens.

On affiche un rectangle dont le bord haut et gauche se trouve aux coordonnées (10,y), qui a pour largeur 50 et pour hauteur 80 (en pixels).

Notez le système de coordonnées de Processing (à droite) comparé à celui que nous utilisons habituellement en mathématiques au Lycée :

Exercice : Modifiez le code ci-dessus pour changer la vitesse du rectangle. Pensez à relancer le programme après chaque modification.

Vous êtes maintenant prêts pour entrer dans le vif du sujet : créer un jeu vidéo …

En route pour le chapitre 2, la création du personnage. (Cliquez ici pour la suite)

 

 

 

 

 

Auteur de l’article : Prof