first, im really new to p5.js / processing. I just got a new book "creative coding in web", their is an example which will save frames of a video in a grid. My problem is, i dont get how the time measurement works, for me it seems to be really buggy. Everytime i run the sketch the result looks different. (Here is the example https://alpha.editor.p5js.org/generative-design/sketches/P_4_2_2_01)

It would be nice if anyone could help me out.

This is my first post. Recently I learned a little bit of processing-coding and later, as the webpage needed a responsive solution, I tried p5js (both great fun, by the way).

So now to my 2 problems: 1) My sketch seems not working probably, when calling the save() or saveCanvas() on InternetExplorer. IE gives out the "you need a new app to open data., would you like to search in Windowsstore?" and clearly he can't find anything. Still it does when opening it in firefox or opera. (didn't tested yet crome or safari). Am I missing something to implent in the code for the browsers? or is there a way to overpass this issue?

2) When opening the Index.html in opera it does not display my images (still it does in firefox or IE). I really don't have any idea at the moment...?

Greetings T5

e.g., I'd like to capture still frames of a canvas at various moments in time, and immediately create new DOM elements on my page that contain these images. Think of an image gallery that populates itself in real time, generatively.

Hopefully I'm articulating my idea clearly, and apologies if I'm overlooking something obvious!

Thank you

I am attempting to utilize the saveCanvas() function to save the canvas as an image (duh).

function mouseClicked(){ saveCanvas(myCanvas, 'someImage', 'png'); }

However, when I click the mouse, the function seems to be called over and over again, flooding the window with dialogue boxes.

Please let me know if I am using this function wrong.

Thanks