Applicazione di filtri al canvas

// height=300 lines=auto
let bitmap;

function preload() {
    bitmap = loadImage("assets/eyes_bn.jpg");
}

function setup() {
    createCanvas(670,300);
}

function draw() {
    background( 0, 4 );

    shearX( sin(frameCount/40) / 6 );

    blendMode( LIGHTEST );
    image( bitmap, 0, 0 );
    blendMode( BLEND );

    // MODIFICA DEI COLORI DEI PIXEL DEL CANVAS /////////////////
    filter( DILATE );
}
filter( DILATE );

Modifica i pixel del canvas in base ai loro valori attuali e (a volte) in base a quelli dei pixel adiacenti. Con DILATE, i pixel tendono ad assumere il colore dei pixel adiacenti più luminosi.

L'istruzione filter() non imposta un attributo grafico usato dalle istruzioni successive ma agisce subito sui pixel del canvas.


Strutturazione dei file: