• Interactivity

  • Loading images from Bela project contents into sketch.js

Hi, I'm trying to load a png from my project contents into my p5.js sketch.
However, I'm having trouble declaring the path.

While in p5 loading an image would be something like:

function preload() {
   img = loadImage('image.png');
}

If I do this in Bela the GUI launcher gets stuck in "loading".

I'm aware I can also load the image from a URL, however, if I have 5 or 6 instances of the same image it slows down the frame rate.

What would be the correct way of declaring the path to get the image from the project contents?
Thanks!