Animations

Animations - student project

I took Joshua's first course and I really liked his ideas and his enthusiasm! I wasn't, and still am not, to be honest, such a big fan of the HYPE framework personally, but I DO see its usefulness for people who want to quickly create something, without caring too much about the code behind it. And there are people out there (hello Echophon ;)) who do amazing things with HYPE! But since I had already started learning 'pure' Processing HYPE was too confusing for me ... a bit like learning German and a German dialect at the same time, in a sense. So I thought I'd skip this class but then I saw his very funny promo video and I was sold! :D And his courses are still great to get new inspiration and new tricks from. I will try to recreate his examples in pure Processing though (no guarantee that I'll be able to ... but when I am I'll link to the source code in my Tumblr posts, like here). Yes, that's more time-extensive and laborious but I like to have finer control about things ;) On the other hand I might not be able to replicate some effects ...

So here just a quick, first test, also to see if animated GIFs work in here.

Animations - image 1 - student project

Apparently they do. Cool :)

Another one, with colors and fading:

Animations - image 2 - student project

The color gradients aren't too pretty because GIFs are limited to 256 colors ... looking nicer over on OpenProcessing.

Feb 3rd: a still from an animation of a rectangle rotating around those 4 defined points.

Animations - image 3 - student project

Here's the same with randomness added to the rectangle size:

Animations - image 4 - student project

Feb 5, 2014: candy shells (7 points lerping, randomly changing between two fill colors; animation here)

Animations - image 5 - student project

Animations - image 6 - student project

Animations - image 7 - student project

Feb 6, 2014: playing around with variations of the code, this time making the fill color equal to the background color about 40% of the time. I like introducing 'flaws' into images at times.

Animations - image 8 - student project

Animations - image 9 - student project

Feb 10, 2014

Inspired by Joshua's 'combining behaviors' videos I've tweaked an existing sketch (the one that resulted in that colorful animated GIF at the start of this page). By removing the fade effect from the background and by stripping the rounded rectangles of their fill color (and by adding a nearly transparent stroke color instead) I got this animation (on OpenProcessing and in non-HYPE code, sorry ...). Here three stills where you can see the picture emerging/evolving:

Animations - image 10 - student project

Animations - image 11 - student project

Animations - image 12 - student project

Feb 13, 2014

Oscillating arcs:

Animations - image 13 - student project

I've again applied Joshua's technique of removing the background command and adding a low transparency on the previous sketch. Here are the results (progressing with time):

Animations - image 14 - student project

Animations - image 15 - student project

Animations - image 16 - student project

Feb 20, 2014

Some recent work:

Animations - image 17 - student project

(click here for the animation and the code)

Animations - image 18 - student project

(click here for the code)

Feb 27, 2014

Animations - image 19 - student project

(click here for the code)

Feb 28, 2014

Animations - image 20 - student project

(click here for the code)

March 8, 2014: unfolding the sun

Animations - image 21 - student project

(click here for the code)

May 8, 2014: web of stars

Animations - image 22 - student project

(animation and code here)

May 22, 2014

Animations - image 23 - student project

(more here)

Animations - image 24 - student project

(more here)

Animations - image 25 - student project

(more here)

Jerome Herr

Code Weaver

Teacher