Ricombinazione di più bitmap

    let nomi = ["goodman", "kitano", "perlman", "jolie", "close", "berry"]
let occhi = []
let bocche = []

function preload() {
  for (let i=0; i < nomi.length; ++i) {
    occhi[i] = loadImage( "occhi_"+nomi[i]+".jpg" )
    bocche[i] = loadImage( "bocca_"+nomi[i] + ".jpg" )
  }
}

function setup() {
  createCanvas(300,180)
  
  image(random(occhi), 0, 0)
  image(random(bocche), 0, 90)
}

Avvia il caricamento di tutte le immagini inserendo quelle degli occhi nell’array occhi e quelle delle bocche nell’array bocche.

Visualizza un paio d’occhi e una bocca a caso fra quelli disponibili.

Provare a far rieseguire il codice attraverso l’icona a destra sotto l’area del canvas.

La cartella dello sketch deve contenere tutte le immagini: