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