Definire colori armonici

    function setup() {
    colorMode(HSL);
    let tono1 = 0;                  // tono base
    let tono2 = (tono1+120) % 360;  // + 120° in senso orario
    let tono3 = (tono1+240) % 360;  // + 240° in senso orario 

    noStroke();
    fill( tono1, 100, 50 );
    rect( 0,0, 33,100 );
    fill( tono2, 100, 50 );
    rect( 33,0, 33,100 );
    fill( tono3, 100, 50 );
    rect( 66,0, 33,100 );
}
  

  colorMode(HSL);

Imposta la modalità cromatica HSL per ottenere più facilmente le armonie cromatiche.

  let tono2 = (tono1+120) % 360;

Somma 120 al tono di base e fa in modo che il risultato, se superiore a 360, riparta da 0.

Modificare il valore di tono1 usando valori superiori a 0 ma inferiori a 360.

Il “trucco” per evitare numeri superiori a 360 (che verrebbero interpretati sempre come 360) si basa sull’uso dell’operatore modulo (%) che permette di ottenere il resto della divisione fra il dividendo (tono1+120) e il divisore (360). In questo modo, quando tono1+120 arriva a 360 o va oltre, i valori diventano:

  360 % 360  (1 con) resto 0
  361 % 360  (1 con) resto 1
  362 % 360  (1 con) resto 2
  ...
  720 % 360  (2 con) resto 0
  721 % 360  (2 con) resto 1
  ...