Perhaps something like this sketch below, which positions the p5js canvas between 2 images:
But instead of canvas, you’re gonna need to apply the same general idea to your sliders.
Simply create an empty <tag> w/ an id attribute right after the p5js’ <canvas> element.
Then invoke method p5.Element::parent() over each slider, so they are moved inside the container w/ the specified id.
For more details, go to the sketch’s original forum post:
1 Like