Dipingere con “pennelli” dinamici

Disegnare nell’area del canvas.

    function setup()
{
   createCanvas( 400,300 );
   background( 0 );
   stroke( 255, 100 );
}

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

  stroke( 255, /*1*/100/**/ );

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).