Parametri cromatici derivati

    function setup() {
    colorMode(HSL);

    // PARAMETRI
    let tonoBase = 0;                  // tono base
    let tono2 = (tonoBase+120) % 360;  // + 120° in senso orario
    let tono3 = (tonoBase+240) % 360;  // + 240° in senso orario 

    // ISTRUZIONI PARAMETRIZZATE
    noStroke();
    fill( tonoBase, 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 = (tonoBase+120) % 360;

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

Modificare il valore di tonoBase usando valori superiori a 0 ma inferiori a 360. Utilizzare eventualmente la funzione random(), e far rieseguire lo sketch più volte con il pulsante a destra, sotto il risultato.

Modificare i valori che vengono sommati a tonoBase (+120 e +240) per ottenere accordi cromatici differenti.

Color combinations, How to Use the Modulus in JS