Afbeeldingen en audio gebruiken in p5js 2.0

Na de zomer van 2026 is versie 2.0 van P5JS standaard. Afbeeldingen gebruiken niet langer de preload() – een eigen hack – maar de algemene javascript functies async/await laden. Zo hou je er rekening mee dat het even duurt – iets langer nog – om de afbeeldingen te laden.

Afbeeldingen

let beer;

async function setup() {
  createCanvas(400, 400);
  background(220);
  beer = await loadImage("beer.png");
}

function draw() {
  image(beer, 0, 0, 400, 400);
}

Audio

Voorbeeld audio werkende code met P5JS 2.0: https://editor.p5js.org/EloqArch/sketches/Oiu-31JNR

• geen preload
• loadSound zet je in de setup met een await: laughsound = await loadSound("sounds/laugh.wav");
• function setup wordt async function setup
• function draw wordt async function draw