Posizione precedente del mouse

Disegnare qualcosa sul canvas.

// height=200 lines=auto
function setup() {
   createCanvas( 300,200 );
   background( 255 );
}

function draw() {
   if (mouseIsPressed) {
      line( pmouseX,pmouseY, mouseX,mouseY );
   }
}

if (mouseIsPressed) {

È true se un tasto del mouse risulta premuto.

line( pmouseX,pmouseY, mouseX,mouseY );

Contengono le coordinate del mouse del fotogramma precedente.

Provare a cambiare le proprietà del "pennello" impostando, nel setup(), uno spessore maggiore (ad es. strokeWeight(20)), un colore semitrasparente (ad es. stroke(255,0,0,32)) e le estremità quadrate dei segmenti (ad es. strokeCap(SQUARE)).

Su smartphone e tablet si può evitare che il disegno causi lo scrolling della pagina aggiungendo un codice che disattiva il comportamento di default del movimento delle dita sui touch screen:

function touchMoved() {
    return false;
}

Approfondimenti: