How do I load and draw an image once as opposed to every frame to display it in every frame?

samuset

My problem is this: I want to display an image in my p5js sketch, but when I display it, it has to draw it every single frame, which can slow down the page. I want to be able to put my image on the canvas and leave it there until further notice, as opposed to drawing it in every frame. Kind of like a noLoop() until further notice.

Edit: I do want the sketch to keep looping, though, that's the thing.

GoToLoop

1. https://p5js.org/reference/#/p5/createImg
2. https://p5js.org/reference/#/p5.Element/position

kfrajer

Why do you want your sketch to keep looping?

If the image is not big, it should be ok to let draw execute its draw normally.

You could use noLoop() and this will ensure draw is run only once. If you answer my first question or provide some code, we will be able to understand your question better.

Also, please post in the new forum: https://discourse.processing.org

Kf