Coding Challenge #135: Making a GIF Loop in Processing

References:

Videos:

Related Coding Challenges:

Timestamps:
0:00 Introducing today's topic: GIF loops
3:04 Core idea of loop
5:29 Sketch on paper first
6:28 Easing functions
9:19 Use saveFrame() to save images to a folder
13:00 Upload images to EZGIF and stitch images together
15:50 Create a record variable

Editing by Mathieu Blanchette
Animations by Jason Heglund
Music from Epidemic Sound

#gifloop #ezgif #processing

[alekseiterin]

You are astonishingly amazing. And your skills of explaining are really good, one of the only youtubers who has actually helped me understand something and who is fun to watch. Even though the videos you make are not about trendy topics, they are very useful for some audience. What I am saying is that even though you might not get too many views, don't stop making videos.

[adamos]

We need more teachers like YOU !
I learned much more than from my teachers all together.

[mirrorimage]

This is some top-tier Coding Train content. Not only is it _really cool_, it also covers ground that might be helpful to beginner programming students.

[Ensivion]

GREAT content dude, I love that you showed me this guy's work and showed me how to do this stuff easily.

[wxIyz]

the best youtube coder, i known you when a read you book Learning Processing in 2011

[morsmortis]

Haha lol that intro :) that was just perfect and made my day :)

Hope my maths exam works out tomorrow :) i'm studying computer science in germany so greetings from overseas

[CodingWithUnity]

This was a pretty cool video. Didnt even know i wanted to watch it. Sharing the knowledge left and right

[zacharymcarthur]

Ive noticed that some factors cause your browser to not capture every frame. Particularly bad internet speeds, and the need for a high totalFrames number. (I ran into this issue when needing 1500 totalFrames on 3 mB download). A simple fix for the issues where not all pictures are saved is to call frameRate() and lower the frameRate to something like 5 or 10. This allows you to guarantee that you capture all frames.


Nothing about changing the frameRate changes the GIF making process, the only thing that changes is the time it takes to "record".

[rafaelgpontes]

Dan, I don't know if you'll ever see this, but could you make a coding challenge on how to draw the Mandelbrot Set with arbitrary zoom? I was studying this with OpenGL shading language, but the GPU floating point precision soon makes the image pixelated when you zoom too much. You have magical teaching skills. Please teach us that!!

[xponentialdesign]

This is the most Nietzschean episode :) thanks for explaining the eternal return principle

[Nicoblabla]

Nice video !

Video suggestion: Why not a js / processing Ray Marcher ?
I think it can be pretty interesting

[carterjean]

For a coding challenge, you could do Tupper’s Self Referential Formula. It’s very interesting!

[zer]

Like always, i have to give a thumbs up!

[penguii]

i love ur vids it helps me everyday to learn more :D

[natchuz]

Hey, could you make a video about Convolutional Neural Network? Online articles about CNN
does not speak to me as well as your videos

[herdis]

This code works in Safari. There's an issue when using Chrome, causing frames to be skipped.

[vlmarshal]

nice lesson. live gif its interesting!

[compactdiscoutlet]

size(1500, 750);

background(135, 206, 235); //sky

ellipse(500, 500, 200, 100); //unicorn torso

ellipse(400, 490, 75, 75); //unicorn head
fill(0, 0, 0);

ellipse(400, 480, 10, 10);



line(450, 530, 300, 540); //unicorn leg front
line(600, 550, 520, 540); //unicorn leg front


fill(255, 192, 203);
triangle(400, 470, 300, 350, 380, 480); //horn

fill(255, 255, 255);
ellipse(180, 100, 80, 50);
noStroke();
ellipse(140, 140, 80, 80);
noStroke();
ellipse(200, 140, 120, 80);
noStroke();

this is my simple, static unicorn, not very good, but can you tell me what i'm doing wrong, trying to get all the images, circles, triangles to move across from left to right. i keep getting a syntax error that says i may be trying to use static and active together? i've watched many of your videos and can't figure it out.
julie

[emreylmaz]

There is a game called "Can you crack the code". Maybe you can try to write an algorithm to crack codes. It could be really interesting. By the way you are too awesome.

[Shaymin]

You could say Saskia Freeke it's a GIFted artist