Impostazione delle modalità di fusione

    let bitmap;

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

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

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

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

    // IMPOSTAZIONI DI FUSIONE //////////////////////////////////
    blendMode( LIGHTEST );
    image( bitmap, 0, 0 );
    blendMode( BLEND );
}
  

  background( 0, 4 );  

Cancella parzialmente il canvas con un nero quasi completamente trasparente.

  blendMode( LIGHTEST );

Imposta un tipo di “fusione” che mantiene il colore dei pixel più chiari fra quelli del canvas e quelli della bitmap.

  blendMode( BLEND );

Ripristina l’impostazione di fusione di default, quella in cui i colori vengono interpolati in base al valore del canale alfa.

Strutturazione dei file:

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