Partie P4 · exercices 17 à 23
Dessiner pixel par pixel avec la bibliothèque Pillow
Tu as vu qu'une image est une grille de pixels. Avec Python, tu vas colorier ces pixels un par un, grâce à la bibliothèque Pillow. Tu réinvestis les boucles for et les conditions if du cours Python.
Fichiers du thème
Les photos utilisées dans la suite (Ardèche, Eiffel, Gargouille…) sont dans l'archive PhotoNumerique.zip. Décompresse-la dans ton dossier SNT : tes programmes doivent être dans le même dossier que les photos.
À faire une seule fois par ordinateur. La bibliothèque s'appelle Pillow, mais on l'utilise avec le nom PIL.
2 puis Entrée.pillow puis Entrée.Un pixel est repéré par deux coordonnées \((x\,;y)\). L'origine \((0\,;0)\) est le pixel en haut à gauche. L'axe des \(x\) va vers la droite, mais l'axe des \(y\) va vers le bas.
from PIL import Image
image = Image.new("RGB", (11, 11)) # image 11 x 11, tout en noir
image.putpixel((0, 10), (0, 255, 255)) # pixel (0,10) en turquoise
image.putpixel((10, 0), (255, 0, 255)) # pixel (10,0) en rose
for i in range(11):
image.putpixel((i, i), (255, 255, 0)) # diagonale jaune
image.resize((330, 330), Image.NEAREST).show() # agrandit 30 fois pour la voir
image.save("Essai.png")essai.py, agrandi.| Ligne | Effet |
|---|---|
Image.new("RGB", (11, 11)) | crée une image couleur de 11 pixels de large et 11 de haut, noire par défaut |
Image.new("RGB", (11, 11), (255, 255, 255)) | la même image, avec un fond blanc |
image.putpixel((x, y), (R, V, B)) | colorie le pixel \((x\,;y)\) avec le triplet \((R\,;V\,;B)\) |
image.resize((330, 330), Image.NEAREST).show() | affiche une version agrandie : sans elle, une image de 11 pixels est minuscule à l'écran |
image.save("Essai.png") | enregistre l'image dans le dossier du programme |
Vigilance
Les coordonnées vont de 0 à largeur − 1 : dans une image de 11 pixels de large, le dernier pixel est le numéro 10. Écrire (11, 0) provoque une erreur.
Les valeurs de R, V, B doivent être des entiers de 0 à 255. Un nombre décimal comme 127.5 provoque une erreur : utilise // ou int(...).
for i in range(11): image.putpixel((i, 5), couleur).putpixel((7, i), couleur).putpixel((10 - i, i), couleur).range, le début et la valeur qui suit la fin : range(3, 8) colorie les pixels 3, 4, 5, 6 et 7.Pour un rectangle, on imbrique deux boucles. Par exemple, un rectangle bleu dont le coin supérieur gauche est le pixel \((1\,;2)\), de largeur 5 et de hauteur 3 :
bleu = (0, 0, 255)
for x in range(1, 1 + 5):
for y in range(2, 2 + 3):
image.putpixel((x, y), bleu)À retenir
Un pixel se colorie avec image.putpixel((x, y), (R, V, B)).
Les figures se tracent avec des boucles : une pour une ligne, deux imbriquées pour une surface.
On peut ranger une couleur dans une variable : rouge = (255, 0, 0).
Recopie essai.py, exécute-le, puis réponds.
Compare avec le schéma des coordonnées : \(y\) augmente vers le bas.
💾 NOM_Prenom_ex17.py
Dessine cette croix rouge sur fond blanc : une image de 9 × 9 pixels formée de cinq carrés de 3 × 3 pixels.
La barre horizontale occupe toute la largeur, sur les lignes 3, 4 et 5.
La barre verticale occupe toute la hauteur, sur les colonnes 3, 4 et 5.
Une seule boucle imbriquée peut colorier les deux barres à la fois.
💾 NOM_Prenom_ex18.py
Deux boucles imbriquées parcourent tous les pixels. Dans le bloc, un if / elif / else choisit la couleur selon x (bandes verticales) ou selon y (bandes horizontales).
💾 NOM_Prenom_ex19.py
Dessine ce damier de 8 × 8 pixels : les pixels dont la somme \(x + y\) est paire sont noirs, les autres blancs.
Fond blanc, puis un if dans une double boucle.
\(x + y\) est pair quand (x + y) % 2 == 0.
💾 NOM_Prenom_ex20.py
getpixel.Les valeurs de \(x\) vont de 0 à 255 : exactement les valeurs possibles d'une couleur !
image.getpixel((255, 0)) renvoie le triplet du pixel \((255\,;0)\).
💾 NOM_Prenom_ex21.py
Dans un repère, un point \((x\,;y)\) appartient au disque de centre \(C(a\,;b)\) et de rayon \(r\) si sa distance au centre est inférieure ou égale à \(r\), c'est-à-dire si :
Double boucle sur tous les pixels, et un if avec la condition ci-dessus, écrite avec **2.
Pour l'anneau, deux conditions reliées par and : distance au carré au plus \(15^2\) et au moins \(10^2\).
Un compteur incrémenté dans le if donne le nombre de pixels blancs.
💾 NOM_Prenom_ex22.py
À toi de créer ! Réalise une image en pixel art de ton choix : un personnage, un animal, un objet, un logo, un motif.
rouge = (220, 30, 40)).Prépare ton dessin sur une feuille quadrillée avant de programmer. Enregistre l'image agrandie avec image.resize(...).save("NOM_Prenom_pixelart.png").
Le programme et l'image sont à déposer sur Pronote. La croix rouge et les exercices précédents sont l'échauffement non noté ; cette création est évaluée.
| Critère | Ce qui est regardé |
|---|---|
| Programme | il s'exécute sans erreur, les couleurs sont nommées, le code est lisible |
| Boucles | les lignes et rectangles sont tracés avec des boucles, pas pixel par pixel à la main |
| Création | le dessin est reconnaissable, soigné, avec des couleurs bien choisies |
Fais un croquis quadrillé : chaque case est un pixel, et note ses coordonnées.
Commence par le fond et les grandes formes, puis ajoute les détails.
Pour un dessin symétrique, colorie aussi le pixel \((\text{largeur} - 1 - x\,;y)\).
💾 NOM_Prenom_pixelart.py + NOM_Prenom_pixelart.png
Ce que je sais faire
Image.new et colorier un pixel avec putpixel.