etudes in code, with processing

Etudes in code(even if you’re not a coder, yet)

flavors.me/peterkiRn

The tool: processing.org(Ben Fry, Casey Reas, et al)

Friday, July 22, 2011

The blank page


Processing is

a free place

to express ideas

about design with media

in textual

code.


Data: Load an image

PImage img;

loadImage(“image.jpg”);

or

loadImage([uri]);

image(img,0,0);


Interaction

The appearance of movement

Response to an input

mouseX, mouseY

“Draw loop”

setup(), draw()


Adding a behavior

Variables

random(minimum, maximum);

Precision: floats, integers


Adding a behavior

Sampling

color c = img.get(x,y);

or

img.loadPixels();

img.pixels[x,y];


Transparency is magic

gray, alpha

r,g,b,alpha

etc.


Loops and iteration

for(int i=0;i<num;i++) {

//do something ... more than once

}


3D

Different renderers; OPENGL

Mobile, too

Deconstructing an image

Textures


I love waves and circles


Structure isdesign, form


Adding structure

Method

output doSomething(input variables) {

}

cupcake bake(cup of sugar, etc., etc.) {

}


Adding structure

Class

class Thing {

Thing(inputs) { //make the thing

}

doSomething(input) { }

}


Lists

A group of some kind of things

The ability to point at something in the list

ArrayList<Integer>

.add()

.get()


Let’s talk

Q+A

http://flavors.me/peterkirn

http://createdigitalmotion.com

Follow up series to come








Remember,

no

fear.


Photo creditsSine waves - CC-BY Jason Hargrove

Flickr: salty_soul

Machine scan - CC-BY zigazouFlickr: zigazou76

Striped boots - CC-BY Cameron RussellFlickr: camkage (Lomo-Cam)

US flag stripes - CC-BY Sam HowzitFlickr: aloha75


etudes in code, with processing

Technology