Jerome Herr

Code Weaver

1245

24

Animations

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.

tumblr_n09t0vFqH11shpedgo1_500.gif

Apparently they do. Cool :)

Another one, with colors and fading:

tumblr_n0bgbzfRgw1shpedgo1_500.gif

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.

ae79339a

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

08dd3b12

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

ee57fdcb

e11105da

bd4a7e79

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.

03fdb676

89c78a7e

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:

e9d4feb7

94e5ba34

8b18c40b

Feb 13, 2014

Oscillating arcs:

187be0b6

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):

b1d86225

012fb340

d663d33e

Feb 20, 2014

Some recent work:

d4a1b4d1

(click here for the animation and the code)

4f569191

(click here for the code)

Feb 27, 2014

df97c763

(click here for the code)

Feb 28, 2014

tumblr_n1pjg8S4vQ1shpedgo3_r1_400.gif

(click here for the code)

March 8, 2014: unfolding the sun

tumblr_n20z9zd9Lj1shpedgo1_r1_500.gif

(click here for the code)

May 8, 2014: web of stars

tumblr_n59hame4Y21shpedgo1_1280.jpg

(animation and code here)

May 22, 2014

tumblr_n4yd7rs9CG1shpedgo1_500.gif

(more here)

tumblr_n5bbl2HU1j1shpedgo1_400.gif

(more here)

tumblr_n5kjb4NLO51shpedgo1_400.gif

(more here)

Comments

Please sign in or sign up to comment.