Does the incredible Daniel Shiffman offer any tutorials or videos about running multiple instances of p5 on a site/multiple canvasses? I'm running into issues with p5.sound.js.
#multiple p5 instance tutorial
molten wedge
silver kestrel
take a look at this https://github.com/processing/p5.js/wiki/Global-and-instance-mode
i have an 8 year old video but not sure if it is too out of date? https://youtu.be/Su792jEauZg
molten wedge
take a look at this https://github.com/processing/p5.js/wiki/Global-and-instance...
Thank you. The video was indeed helpful (as are most of your videos)
But I'm struggling with keyPressed events.
Some context:
I have three different games on an html page, each in their own canvas. I did it the instance way that you showed in your video. Two of those canvases(games) listen for key presses. And for some reason only one of them (canvas1) actually triggers/registers a key press, the other canvas (canvas3) ignores it.
Funnily enough, the mouse business all works fine for all three canvasses. It's just keyboard that's not cooperating. Any insight? 😅
If it helps for further context, each canvas sits in a div that can be hidden with a checkbox. So in practice, I'd like for the canvas inside the visible div to receive the key presses and not the canvasses inside the hidden divs.
molten wedge
I got it to work after finding a closed issue on p5.js' github.
Even if you use instance mode for your canvases, keyPressed will always be a global event and there can only be one. So that requires a work-around.
In the end I used several keyIsDown() functions inside my draw rather than a global keyPressed()