Displaying images in GUI

noah

Hey there,
I'm currently struggling to get an image to display in the Bela GUI.
I broke it down to be as simple as it gets, but unfortunately without luck.
I tried it with preload:

let img;

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

function setup() {
   image(img, 0, 0);
}

In this case, it gets stuck on "loading...", so it does not even get into the setup() function.
My "test.png" is right in the project folder. I also tried playing around with the path a bit. Maybe something is missing there?
I also tried different files (png & jpg), so that should not be an issue.

I also attempted to go without the preload function and loading the image in setup (with a callback to display), but also without luck.

Any help would be greatly appreciated. Thanks a bunch!

giuliomoro

The path you need to put is not relative to the file system but relative to the server. The server serves /root/Bela/projects as /projects, so you should be able to load file test.png from within the PROJECTNAME project's folder by using: /projects/PROJECTNAME/test.png.

noah

Oh I somehow completely missed your response, thank you so much.
That worked wonderfully.

Merry Christmas!