Applicazione di filtri al canvas

    let bitmap;

function preload() {
    bitmap = loadImage("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:

• CARTELLA-SKETCH
  • libs
    • p5.min.js
  • index.html
  • sketch.js
  • eyes_bn.jpg