How do I add an interactive menu to a code which uploads a picture and uses it in the code?

aless100

The code draws the image with paint splatters. Link: https://www.openprocessing.org/sketch/392202 All credits to Jason Labbe.

GoToLoop

What do you mean by upload? If you just want a user to choose some picture file, you may use Processing's selectInput() or the library Drop:

1. https://Processing.org/reference/selectInput_.html
2. http://TransFluxus.GitHub.io/drop/

However, if you also need your sketch to run online, you're better off converting it to p5.js:

1. https://github.com/processing/p5.js/wiki/Processing-transition
2. https://p5js.org/reference/#/p5/pixels

And use either its createFileInput() or p5.Element::drop() along w/ p5.File as callback's parameter:

1. https://p5js.org/reference/#/p5/createFileInput
2. https://p5js.org/reference/#/p5.Element/drop
3. https://p5js.org/reference/#/p5.File

aless100

If possible, some sort of GUI / Menu should be present so the user can choose the file and it automatically goes into the data folder, so it can process the image immediately and perform the painting. My teacher/mentor does not wish for it to be p5js for some reason, but the first two steps were useful. Thank you!

kfrajer

Previous posts that you might be interested in exploring:

https://forum.processing.org/two/search?Search=jfilechooser

https://forum.processing.org/two/search?Search=selectinput

Kf