Experimenting with Processing and HYPE

Experimenting with Processing and HYPE - student project

I've been programming with Processing for a couple of weeks now, ever since I found www.funprogramming.org , some of those experiments can be found on my blog (p5art.tumblr.com , with the code of the sketches being available on www.openprocessing.org/user/28663). I've also started studying the amazing www.natureofcode.com, although it's a tough one ... but one needs challenges, right? ;)

Back on topic: moving from 'pure' Processing to the HYPE framework was actually quite difficult/confusing for me at first since I had just gotten used to the normal Processing syntax. But I'm adapting quite rapidly, especially since the HYPE framework has some very near features indeed. And also because Joshua is simply very inspiring as a teacher :D

So here are some early attempts, it's not very original yet but I'm trying to get a feel for HYPE ... I've seen some amazing stuff made by other students here, very inspiring and motivating as well!

- Applying the color lessons on a grid layout with an svg element

Experimenting with Processing and HYPE - image 1 - student project

- Using a detail from an anime (a mouth) in a grid layout

Experimenting with Processing and HYPE - image 2 - student project

- Random rounded rectangles that are supposed to represent autumn leaves

Experimenting with Processing and HYPE - image 3 - student project

- And this is supposed to symbolize frostExperimenting with Processing and HYPE - image 4 - student project

I've also used one of Joshua's SVG files in an animated, non-HYPE processing sketch:

Experimenting with Processing and HYPE - image 5 - student project

[ Sept. 21: playing around with HPixelColorist ]

Experimenting with Processing and HYPE - image 6 - student project

Experimenting with Processing and HYPE - image 7 - student project

Experimenting with Processing and HYPE - image 8 - student project

[Sept. 23: playing around with random walkers picking up color values from a photo]

It's not really related to HYPE but it's a kind of generative art created with processing nevertheless ;)

'John Malkovich'

Experimenting with Processing and HYPE - image 9 - student project

This is more in line with the course again (or at least what I'm able to do with it so far ;)):

Experimenting with Processing and HYPE - image 10 - student project

[September 25: just a quick attempt to make a pattern that looks a bit imperfect]

Experimenting with Processing and HYPE - image 11 - student project

[September 26: I'm not sure that processing and svg shapes is really my thing ... I don't seem to really get the hang of it or be able to come up with interesting/original stuff ... ]

Experimenting with Processing and HYPE - image 12 - student project

[September 27: playing around with different aspects of processing again - this time a HYPE grid and a particle class ]

Experimenting with Processing and HYPE - image 13 - student project

[September 30: using HPixelColorist and an svg shape to alter a picture of Steve Buscemi]

Experimenting with Processing and HYPE - image 14 - student project 

[October 2: I've vectorized a fingerprint that I've found online and then used different parts of it to create random patterns ... I like the abstract feeling of them but on the other hand maybe all of this is too random ...]

Experimenting with Processing and HYPE - image 15 - student project

Experimenting with Processing and HYPE - image 16 - student project

Experimenting with Processing and HYPE - image 17 - student project

[October 2, part 2: only one part of the finger print, all elements ungrouped and colored independently. I quite like these]

Experimenting with Processing and HYPE - image 18 - student project

Experimenting with Processing and HYPE - image 19 - student project

[October 4: experimenting with masks and filters in 'pure' Processing, code here]

Experimenting with Processing and HYPE - image 20 - student project

 [October 7: nothing to earth-shattering ... just playing around with a mirror effect to create a pattern]

Experimenting with Processing and HYPE - image 21 - student project

Experimenting with Processing and HYPE - image 22 - student project

[October 8: experimenting with the noise function (in pure Processing, could be done via HYPE too though)]

Experimenting with Processing and HYPE - image 23 - student project

(the code for this can be found here)

[October 15: experimenting with recursion]

Experimenting with Processing and HYPE - image 24 - student project

Experimenting with Processing and HYPE - image 25 - student project

Experimenting with Processing and HYPE - image 26 - student project

(example code here)

[October 18: I love combing the old and the new, or to remix old stuff in new ways]

Experimenting with Processing and HYPE - image 27 - student project

Experimenting with Processing and HYPE - image 28 - student project

[Oct 25: grids with randomly created 'space invaders', inspired by Jared Tarbell's work]

Experimenting with Processing and HYPE - image 29 - student project

Experimenting with Processing and HYPE - image 30 - student project

Experimenting with Processing and HYPE - image 31 - student project

Experimenting with Processing and HYPE - image 32 - student project

(example code here)

[Nov 2: still from an animation]

Experimenting with Processing and HYPE - image 33 - student project

[Nov 13, stills from two more animations]

Experimenting with Processing and HYPE - image 34 - student project

Experimenting with Processing and HYPE - image 35 - student project

[December 2nd, some more stills]

Experimenting with Processing and HYPE - image 36 - student project

Experimenting with Processing and HYPE - image 37 - student project

Experimenting with Processing and HYPE - image 38 - student project

[January 18th]

I'm experimenting with applying graphic elements based on the brilliance of the underlying pixel color.

Experimenting with Processing and HYPE - image 39 - student project

Experimenting with Processing and HYPE - image 40 - student project

[January 31, 2014]

Experimenting with patterns again

Experimenting with Processing and HYPE - image 41 - student project

Experimenting with Processing and HYPE - image 42 - student project

[February 20, 2014]

Some recent experiments ...

Experimenting with Processing and HYPE - image 43 - student project

Experimenting with Processing and HYPE - image 44 - student project

Experimenting with Processing and HYPE - image 45 - student project

Experimenting with Processing and HYPE - image 46 - student project

May 8, 2014: some photo manipulations

Experimenting with Processing and HYPE - image 47 - student project

(more here)

Experimenting with Processing and HYPE - image 48 - student project

(more here)

Experimenting with Processing and HYPE - image 49 - student project

(more here)

May 22, 2014

Experimenting with Processing and HYPE - image 50 - student project

(more here)

Experimenting with Processing and HYPE - image 51 - student project

(more here)

Jerome Herr
Code Weaver
Teacher