Lettura e visualizzazione di una bitmap da URL

    let bitmap

async function setup() {
    createCanvas(670, 350)
    bitmap = await loadImage("https://picsum.photos/670/350/")
    image(bitmap, 0, 0)
}
  

      bitmap = await loadImage("https://picsum.photos/670/350/")

Le immagini possono essere caricate anche da siti diversi da quello in cui è ospitato lo sketch. Nel caso specifico viene usato il sito Lorem Picsum che permette di ottenere una bitmap casuale indicando alcune caratteristiche che deve soddisfare.

Provare a far rieseguire il codice usando l’icona a destra sotto il canvas.

Con p5.js 1 le immagini si caricano nella funzione preload(), che p5.js 2 non usa più:

  function preload() {
    bitmap = loadImage("https://picsum.photos/670/350/")
}