[ad_1]
This video looks at how to use the saveFrame() function to render a video from a Processing sketch.
Example code:
More about the Game of Life:
Contact:
Help us caption & translate this video!
Tutorial: How to render Processing sketch as a movie
by
Tags:
Comments
31 responses to “Tutorial: How to render Processing sketch as a movie”
-
I am impressed by the speed at witch internet grows, I mean… I searched for a video like this one about one year ago and it didn't exist.
-
Hello, Please update the link of example code ,Thanks.
-
When I try to draw using say the Depths sketch from (https://www.openprocessing.org/sketch/117601) this technique of saving .pngs slows down my computer so much that I can't really get a good video capture. I mean I can't react with the sketch and still have it record in real time. Unless you have a super powerful computer, are there any other options other than screen capture which looks pretty bad.
-
cannot found example code link
-
what i did:
int position = 0;
void setup() {size(640, 360);
}
;
void draw() {
background(0,0,0);
noStroke();
ellipse(position,position,100,100);position +=1;
if (keyPressed){
saveFrame("output/2/circle_####.png");
}
} -
I don't know how to find solution about error message "Creating the QuickTime movie failed. Java heap space."
-
great
-
Hi Dan !
Is there a way to render the video programmatically ?
Btw very useful video ! -
thanks so much !
-
Where can i find your libraries and software? I need something what gonna work on windows or linux OS :/
-
too many languages, Dan
-
I thought thumbnail looked like you playing piano.
-
Hi, Daniel Shiffman!
First I'd like to congratulate and thank you for all the videos you upload in this youtube channel! you provided this online comunity a really good source for code learning!
Now, I've being struggling with a problem in processing, and I wonder if you could give me a light on this problem:
I got this pattern using perling Noise that I'd like to use as a background of an application I'm working on, but its very heavy processing to generate this pattern every frame, is there a way of storing this pattern like an imagem right at the begining of the application ( so that everytime I run it, the pattern will be slightly different), and ALSO rendering it larger than the actual canvas, since I'd like to zoom in and out this background without losing quality. Can I do something like that in processing 3? Some way os creating an image buffer in an arbitrary size, do all my drawing to it and then saving it as an image ( no need of an actual file, just keep in the application as an image so I can print it over everyframe like a stamp I can 2D transform without all the pattern processing all over again.Thanx for your attention!
Marcelo
-
I've always loved everything you doing but can you program using java cos I don't really understand javascript
-
Sorry to be pedantic but PNG is technically compression, but it's just lossless compression which will compress the image file as much as it can without losing any detail from the image.
-
It really looks like programmers are real life wizards.
-
Great video! Is there any chance to get the same tut for p5? btw you are awesome!
-
i have designed a small game on processing and i wanna put it on my blog. is that something doable?
-
Thanks Daniel very helpful! But I am having errors which says "The class GOL does not exist! What is the solution of that?
-
Hello,
I am a beginner and I am trying to implement your code into the sketch you have in processing called "mirror2" for practice.
However, when I type the code
GOL gol;
above the video setup, it tells me that "The class "GOL" does not exist." !!!
Any help would be appreciate it.Thank you. =]
-
Thank you for this; However, I still experience a little bit of trouble on my side, I am trying to export a video from a code that is audio reactive (the export will be a music video), and when I run the code for 3.38min (length of the track), it works but the output is only 30 sec or so.. I understand that it "slows down" when the code is saving frame while running but since the visuals are linked to the sound in "real time" it is a problem for me… Any idea how to fix this? I would highly appreciate.
-
Thanks you! How would one do this in p5.js? For now I am just converting the sketch over to processing (when I can, which is not very often due to .js and javas diff) to render as a movie but I would love to cut out that extra step. saveFrames() doesn't seem to be referenced in the library and the saveCanvas() I haven't gotten to work properly for me. Could you add a p5.js version of this topic to your list?
-
How do you teach so well? You're style of teaching clicks so well with me, it's crazy! Wish you were my teacher, so grateful to have your channel available to me.
-
Just a side note, there's an extremely robust cli program called ffmpeg(if this helps, it's like image magick but for videos) and it can do the same thing. the advantage is it can convert to pretty much any video format your can think of and has done advanced options like overlays (in the same way learning gimp/Photoshop is useful, learning ffmpeg and image magick pays off a lot)
-
Great Video, but still a bit ironic…
The video you render in the video ist higher resolution that the video you rendered for youtube(720p). -
Hi ! I just discovered your tutos, thank you so much, it's so well explain !! I recently find out about processing and augmented reality and I was wondering if you could make a tutorial about it, it could be amazing !
-
processing legend.
-
Really nice video Bravo!
Hey I have trouble getting matrix transformation (array multiplications) with Processing could you do a video about it?
And again congratulations for your work 🙂
Regards from Switzerland -
thanks man. I'm learning java in my IB class right now so i'm totally going to use your tutorials
-
Nice video! I never knew about the save("blah.png"); lol. Please keep rolling out amazing videos! 😀
Leave a Reply