Share
Explore

Exercice 1 : Un mini
Paint

Le
peut être modifié pour créer une petite application de coloriage.
Une palette contient une série de couleurs.
Si on clique sur une des cases de cette palette, on sélectionne la couleur indiquée par un petit triangle pointé sur sa case.
On peut colorier les cases de la grille de dessin avec la couleur sélectionnée en cliquant (
) ou en "glissant et appuyant" (
) dessus.
Capture d’écran 2020-04-19 à 12.54.54.png
Pour générer les couleurs de la palette, on peut s'inspirer de cet
.

Il est basé sur la commande
de Processing qui permet de passer du mode de couleur RGB habituel au mode de couleur
, basé sur une autre représentation des couleurs où les trois composantes ont une signification différente.

Voici le code permettant de générer un tableau contenant les couleurs de la palette illustrée ci-dessus :

color p[] = new color[m]; // Couleurs de la palette

// Initialisation de la palette de couleurs
colorMode(RGB, 255, 255, 255);
for (int j=0;j<m/2;j++) {
p[j] = color(255-2.0*j/m*255); // Dégradés de gris
}
colorMode(HSB, 360, 100, 100);
for (int j=m/2;j<m;j++) {
p[j] = color((j-m/2)*720/(m+2), 100, 100); // Arc-en-ciel
}
colorMode(RGB, 255, 255, 255); // Retour au mode RGB

Cet exercice permet de combiner les notions vues précédemment :
Un tableau à une dimensions contient les couleurs de la palette.
Un tableau à deux dimensions contient les codes des couleurs des cases de la grille. Ce code est un numéro qui fait référence à l'indice du tableau à une dimension.
Les interactions permettent de détecter où on clique avec la souris pour déclencher l'action correspondante : sélectionner une couleur lorsque l'on est au-dessus de la palette ou colorier une case lorsque l'on est au-dessus de la grille.

Correction de l'exercice 1

Exercice 2 : Des pions qui rebondissent dans une grille

Exercice 3 : Variante avec des murs dans la grille

Déplacement d'un pion avec les flèches sur le clavier

Exercice 4 : Ajouter un score

Exercice 5 : Sommes des lignes et colonnes d'un tableau

Exercice récapitulatif

Annexe : La fourmi de Langton


Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.