Dipingere con “pennelli” dinamici

Disegnare nell'area del canvas.

// height=300 lines=auto
function setup()
{
   createCanvas( 400,300 );
   background( 0 );
   stroke( 255, 80 );
}

function draw()
{
   if (mouseIsPressed) {
      translate( mouseX,mouseY );
      rotate( frameCount/10.0 );
      line( 0,0, 50,0 );
   }
}
stroke( 255, 80 );

L'uso di un colore semitrasparente, in presenza di possibili sovrapposizioni, permette di ottenere una maggiore profondità cromatica.

translate( mouseX,mouseY );

Fa in modo che la linea venga disegnata a partire dalla posizione del cursore del mouse.

rotate( frameCount/10.0 );

Ruota di un angolo che aumenta a ogni fotogramma di 0.1 radianti (1/10.0).