Velocità degli spostamenti del mouse

Disegnare qualcosa sul canvas.

    function setup() {
    createCanvas(670, 300);
    colorMode(HSL)
    background(100);
}

function draw() {
    if (mouseIsPressed) {
        let diam = mag(movedX, movedY);
        let tono = frameCount % 360;

        strokeWeight(diam);
        stroke(tono, 100, 50);
        line(pmouseX, pmouseY, mouseX, mouseY)
    }
}
  

  let diam = mag(movedX, movedY);

Calcola la lunghezza dello spostamento del mouse rispetto al fotogramma precedente.

  let tono = frameCount % 360;

Ricava il tono in base al numero di fotogramma attraverso il resto della divisione per 360. In questo modo il valore continuerà a salire fino a 360 e a ripartire ogni volta da zero.

Con qualche altra modifica è possibile arrivare anche al simulatore del dripping di Jackson Pollock di Miltos Manetas.

• movedX
• movedY