Linee 'for'

// stroke: colore di una linea/punto (tre parametri per il colore, uno per la trasparenza - da 0 a 255)

// fill: colora l'interno di una figura

// ellipse: genera un'ellisse - 4 parametri (coordinate del centro e lunghezza assi)

// circle: genera una circonferenza - 3 parametri (coordinate del centro e diametro)

// rect: genera un rettangolo - 4 parametri (coordinate dell'angolo in alto a sx del rettangolo e alle dimensioni del rettangolo)

// /* */ commento su più righe

// for: ripete un'istruzione - variabile - ... - incrmento della variabile 

// let: dichiara una variabile

// map: cambia gradualmente il colore di stroke - 5 parametri: x (variabile), 0 e width (da dove a dove va map), 0 e 255 (da quale a quale colore varia la gradazione dei colori)

​

function setup() {

  createCanvas(windowWidth, windowHeight);

}

​

function draw(){

  background(255);

  for(let x = 0; x < width; x = x + 20){

    strokeWeight(3);

    stroke(map(x, 0, width, 255, 0), map(x, 0, width, 255, 0), map(x, 0, width, 255, 0));

    line(mouseX, mouseY, x, 0);

    stroke(map(x, 0, width, 0, 255), map(x, 0, width, 0, 255), map(x, 0, width, 0, 255));

    line(mouseX, mouseY, x, height);

  }

  /*

  background(255);

  strokeWeight(2);

  stroke(15);

  fill(140, 80, 210, 200);

  circle(mouseX, mouseY, 200);

  fill(225, 0, 0, 180);

  rect(mouseX, mouseY, 240, 120);

  fill(200, 150, 200, 200);

  ellipse(mouseX, mouseY, 150, 120);

  */

}