meta données pour cette page
  •  

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
// Cliquez dans l'image pour rendre hommage à Malevich
function setup(){
createCanvas(500,500);   
background(250); // presque blanc  
}
 
let couleur = 0;  // la valeur initiale de la couleur
function draw() {
noStroke(); 
fill(couleur);
rect(100, 100, 300, 300);   
}
 
function mousePressed() {  // un début d'intéraction, la fonction mousePressed() est placée à l'extérieur de la focntion draw()
  if (couleur == 0) {  // l'énoncé conditionnel qui sera vrai lors de la première évaluation
    couleur = 255; // change la valeur de la variable
    console.log('carré blanc sur fond blanc');
  } else {
    couleur = 0; // rechange la valeur
    console.log('carré noir sur fond blanc');
  }   
}