Medien Wiki - User contributions [en]

GMU:Processing im Park/Jason Langheim

2016-03-28T09:21:37Z

JL: /* Final Project "natürlich" */

''The is the "Processing im Park" page of Jason Langheim.''

== Homework 1 ==
''Our first Homework was to create a slideshow of previously taken pictures.''
''My topic was branches and this is my code:''

<source lang = "java">
PImage[] images = new PImage[9];

void setup() {
size(300, 300);
frameRate(5);
for (int i = 0 ; i < images.length; i++)
{
images [i] = loadImage("b" + nf(i+1, 2) + ".JPG");
}
}
void draw()
{
int counter = frameCount % 9;
image(images[counter], 0, 0, 300, 300);
}

</source>

''which resulted in this:''

http://cdn.makeagif.com/media/1-12-2016/pAZ-YO.gif

== Homework 2 ==

''In this homework we were supposed to do a collage. Mine was in the style of david hockney.''

<source lang = "java">
PImage[] images = new PImage[25]; // Array für Bildvariablen erstellt
PImage[] parts = new PImage[25]; // Array für die Teile der Bilder erstellt
int x;
int y;

void setup() {
size(500, 500);
for (int i = 0 ; i < images.length; i++)
{
images [i] = loadImage("b" + (i+1) + ".JPG");
}
for (int o=0 ; o < parts.length; o++)
{
images [o].resize(width,height);
image(images [o], 0, 0, 500, 500);
x = (o % 5) * 100;
y = (o / 5) * 100;
parts[o] = get(x,y,100,100); //Aus jedem Bild wird nur der Teil entnommen der benötigt wird
}

}
void draw() {
background(0);
for (int i = 0; i < parts.length; i++){
int x = (i % 5) * 100;
int y = (i / 5) * 100;

image(parts[i], x, y, 100, 100); //Zusammensetzung aller Teile aus den verschiedenen Bildern zu einem Bild
}
for( int p = 0; p < 4;p++){
rect((p*100)+98, 0, 4, 500);
rect(0, (p*100)+98 , 500, 4);
noStroke();
}
saveFrame("hockney.JPG");
}
</source>

''the result:''

[[File:Hockney.JPG]]

== Homework 3 ==
<source lang="java">
PImage[] images = new PImage[19];
PImage alpha;

int w=100;
int h;

void setup() {
size(400, 500);
frameRate(10);
background(255);
for (int i = 0 ; i < images.length; i++)
{
images [i] = loadImage("IMG_0" + (701 + i) + ".JPG");
alpha = loadImage("alphamask.gif");
images [i].mask(alpha);
images [i].resize(100, 100);
println(i);
}

}
void draw()
{
if(mousePressed){
int counter = frameCount % 19;
image(images[counter], mouseX - 50, mouseY - 50);
}
}
</source>

http://cdn.makeagif.com/media/1-12-2016/Cv_-WL.gif

== Homework 4 ==

''For the fourth homework, we had to work with a soundboard, which plays different audio files depending on where you click on an image or which number you choose. The following code includes a atLocation function which checks for circular areas and a variable called playingLocation, which shows an ellipse for the length of the playing soundfile at its position.''

[[File:Soundboard.png]]

<source lang = "java">
import ddf.minim.spi.*;
import ddf.minim.signals.*;
import ddf.minim.*;
import ddf.minim.analysis.*;
import ddf.minim.ugens.*;
import ddf.minim.effects.*;

Minim minim;

PImage img1;
int n=9;
int activeLocation = -1;
AudioPlayer[] players = new AudioPlayer[n];
int[][] locations = {
{160, 140, 20},
{220, 220, 20},
{70, 300, 20},
{300, 235, 20},
{230, 530, 20},
{110, 520, 20},
{330, 470, 20},
{243, 96, 20},
{138, 433, 20},
};

void setup() {
minim = new Minim(this);
size(400,600);
img1 = loadImage("img2.png");
for(int i=0; i<n; i++){
players[i] = minim.loadFile("sound" + (i+1) + ".mp3");
}

}

void draw() {
image(img1,0,0,400,600);
fill(0,150);
noStroke();
for(int i=0; i < locations.length; i++){
int[] loc =locations[i];

int x= loc[0];
int y= loc[1];
int r= loc[2];

if(atLocation(x,y,r)){
activeLocation = i;
ellipse(x, y, 2*r, 2*r);
}
if(playingLocation(i)){
ellipse( x,y,2*r,2*r);
}
}
}
boolean atLocation(int x, int y, int r){
return dist(x,y,mouseX,mouseY)<r;
}

boolean playingLocation(int i){
return players[i].isPlaying();
}

void mousePressed(){
if(activeLocation !=-1){
for (int i=0; i<n; i++) {
players[i].pause();
}
println("Sound number " + (activeLocation + 1));
println(mouseX, mouseY);
players[activeLocation].rewind();
players[activeLocation].play();
}

}

void keyPressed(){
for(int i=0; i<n; i++){
players[i].pause();
}
int i = (key - '1');

if(i>= 0 && i<n){
println("Sound number " + (i+1));
players[i].rewind();
players[i].play();
}
}
</source>

== Homework 5 ==

''This homework circles around pixel-sorting, as the pixels circle around other pixels and get the colour information of their neighbours.''

http://www.uni-weimar.de/medien/wiki/images/Pixelsort.gif

== Homework 7 ==

''This is a funny webcam delay I made. Try it. ;)''

<source lang = "java">

import processing.video.*;

Capture cam;
PImage[] buffer;
int frames = 60;
int write = 0;
int read =1;

void setup(){
size(640, 360);
cam = new Capture(this, width, height);
cam.start();
buffer = new PImage[frames];
}

void draw() {
if(cam.available()) {
cam.read();
buffer[write] = cam.get();
if(buffer[read] != null){
image(buffer[read], 0, 0);
}
write++;
read++;
if(read >= random(frames)){
read = 0;
}
if(write >= random(frames)){
write = 0;
}
}
}

</source>

== Final Project "natürlich" ==

''My final prohect trys to discuss the topic of nature. What's natural at all? Aren't the things we consider as natural, like forests or rivers, influenced by humans and so therefore not "natural". So if these things are nature, why isn't the city, with all its streets and buildings, nature after a while?
''The Processing sketch I made for my final project shows the nature and then a randomly generated tree, which is filled with the texture of a city to symbolise this topic. You can restart the sketch with a key and it will draw a new random tree. This is how i proceed:
''

[[File:Documentation.gif]]

''After having troubles creating the trees and creating the masks, i succeeded. Now that is the final code:''

<source lang = "java">
//"natürlich" by Jason Langheim
//This sketch creates random trees and applys them as masks
//on pictures of cities and puts them on top of another picture.

//creating the variables

PImage img;
PImage bg;
PImage[] parts = new PImage[500];
PImage[] masks = new PImage[500];
PGraphics tree1;
int x = 0;
int y = 500;
int y1 = 500;
int ym = 500;
int frame = 0;
PImage m;
int b=0;

//create an array of slices of the city picture and the mask

void setup(){
frameRate(15);
size(500,500);
smooth();
tree1 = createGraphics(500,500);
img = loadImage("Haus.jpg");
m = loadImage("m.png");
bg = loadImage("Wald.png");
bg.resize(width,height);
img.resize(width,height);

for (int o=0 ; o < parts.length; o++)
{
image(img, 0, 0);
y = y - 1;
parts[o] = get(x,y,500,1);
parts[o].loadPixels();
}
for (int p=0 ; p < masks.length; p++)
{
image(m, 0, 0);
ym = ym - 1;
masks[p] = get(0,ym,500,1);
}

}

//gray scale the background and apply the masks on the city

void draw() {
bg.filter(GRAY);
background(bg);
bg.mask(m);
println(frame);
y1 = height - 1;
masks[frame].mask(parts[frame]);
y1 = y1 - (frame * 1);
image(parts[frame],0,y1);
image(bg,0,0);
frame = frame + 1;
if( frame >= 500){
frame = 0;
}
}

//funtion to create random trees using math

void branches(float beginX, float beginY, float bLength, float angle)
{
float endX = beginX + bLength*cos(angle);
float endY = beginY + bLength*sin(angle);

strokeWeight(map(bLength, height/4, 3, 20, 1));
stroke(0);
line(beginX, beginY, endX, endY);

if (bLength > 3)
{
if (random(1) > 0.1) branches(endX, endY, bLength*random(0.6, 0.8), angle - random(PI/15, PI/5));
if (random(1) > 0.1) branches(endX, endY, bLength*random(0.6, 0.8), angle + random(PI/15, PI/5));
fill(0);
noStroke();
ellipse(endX, endY,(random(10)+2),(random(10)+2));
}
}

//function that draws the tree

void mask(){
tree1.beginDraw();
background(255,255);
for(int i= 0 ; i<5;i++){
branches(width/2, height, height/5, -HALF_PI);
alpha(0);
}
tree1.endDraw();
}

//redraw a random tree when a key is pressed and reset the background

void keyPressed(){
mask();
save("data/" + "m.png");
background(0);

m = loadImage("m.png");
for (int p=0 ; p < masks.length; p++)
{
image(m, 0, 0);
ym = ym - 10;
masks[p] = get(0,ym,500,1);
}
frame = 0;
bg = loadImage("Wald.png");
bg.resize(width,height);
}
</source>
 

[https://www.flickr.com/photos/137372572@N08/26087001545/ The Result]

[[File:Result.png]]

GMU:Processing im Park/Jason Langheim

2016-03-28T09:19:00Z

JL: /* Final Project */

''The is the "Processing im Park" page of Jason Langheim.''

== Homework 1 ==
''Our first Homework was to create a slideshow of previously taken pictures.''
''My topic was branches and this is my code:''

<source lang = "java">
PImage[] images = new PImage[9];

void setup() {
size(300, 300);
frameRate(5);
for (int i = 0 ; i < images.length; i++)
{
images [i] = loadImage("b" + nf(i+1, 2) + ".JPG");
}
}
void draw()
{
int counter = frameCount % 9;
image(images[counter], 0, 0, 300, 300);
}

</source>

''which resulted in this:''

http://cdn.makeagif.com/media/1-12-2016/pAZ-YO.gif

== Homework 2 ==

''In this homework we were supposed to do a collage. Mine was in the style of david hockney.''

<source lang = "java">
PImage[] images = new PImage[25]; // Array für Bildvariablen erstellt
PImage[] parts = new PImage[25]; // Array für die Teile der Bilder erstellt
int x;
int y;

void setup() {
size(500, 500);
for (int i = 0 ; i < images.length; i++)
{
images [i] = loadImage("b" + (i+1) + ".JPG");
}
for (int o=0 ; o < parts.length; o++)
{
images [o].resize(width,height);
image(images [o], 0, 0, 500, 500);
x = (o % 5) * 100;
y = (o / 5) * 100;
parts[o] = get(x,y,100,100); //Aus jedem Bild wird nur der Teil entnommen der benötigt wird
}

}
void draw() {
background(0);
for (int i = 0; i < parts.length; i++){
int x = (i % 5) * 100;
int y = (i / 5) * 100;

image(parts[i], x, y, 100, 100); //Zusammensetzung aller Teile aus den verschiedenen Bildern zu einem Bild
}
for( int p = 0; p < 4;p++){
rect((p*100)+98, 0, 4, 500);
rect(0, (p*100)+98 , 500, 4);
noStroke();
}
saveFrame("hockney.JPG");
}
</source>

''the result:''

[[File:Hockney.JPG]]

== Homework 3 ==
<source lang="java">
PImage[] images = new PImage[19];
PImage alpha;

int w=100;
int h;

void setup() {
size(400, 500);
frameRate(10);
background(255);
for (int i = 0 ; i < images.length; i++)
{
images [i] = loadImage("IMG_0" + (701 + i) + ".JPG");
alpha = loadImage("alphamask.gif");
images [i].mask(alpha);
images [i].resize(100, 100);
println(i);
}

}
void draw()
{
if(mousePressed){
int counter = frameCount % 19;
image(images[counter], mouseX - 50, mouseY - 50);
}
}
</source>

http://cdn.makeagif.com/media/1-12-2016/Cv_-WL.gif

== Homework 4 ==

''For the fourth homework, we had to work with a soundboard, which plays different audio files depending on where you click on an image or which number you choose. The following code includes a atLocation function which checks for circular areas and a variable called playingLocation, which shows an ellipse for the length of the playing soundfile at its position.''

[[File:Soundboard.png]]

<source lang = "java">
import ddf.minim.spi.*;
import ddf.minim.signals.*;
import ddf.minim.*;
import ddf.minim.analysis.*;
import ddf.minim.ugens.*;
import ddf.minim.effects.*;

Minim minim;

PImage img1;
int n=9;
int activeLocation = -1;
AudioPlayer[] players = new AudioPlayer[n];
int[][] locations = {
{160, 140, 20},
{220, 220, 20},
{70, 300, 20},
{300, 235, 20},
{230, 530, 20},
{110, 520, 20},
{330, 470, 20},
{243, 96, 20},
{138, 433, 20},
};

void setup() {
minim = new Minim(this);
size(400,600);
img1 = loadImage("img2.png");
for(int i=0; i<n; i++){
players[i] = minim.loadFile("sound" + (i+1) + ".mp3");
}

}

void draw() {
image(img1,0,0,400,600);
fill(0,150);
noStroke();
for(int i=0; i < locations.length; i++){
int[] loc =locations[i];

int x= loc[0];
int y= loc[1];
int r= loc[2];

if(atLocation(x,y,r)){
activeLocation = i;
ellipse(x, y, 2*r, 2*r);
}
if(playingLocation(i)){
ellipse( x,y,2*r,2*r);
}
}
}
boolean atLocation(int x, int y, int r){
return dist(x,y,mouseX,mouseY)<r;
}

boolean playingLocation(int i){
return players[i].isPlaying();
}

void mousePressed(){
if(activeLocation !=-1){
for (int i=0; i<n; i++) {
players[i].pause();
}
println("Sound number " + (activeLocation + 1));
println(mouseX, mouseY);
players[activeLocation].rewind();
players[activeLocation].play();
}

}

void keyPressed(){
for(int i=0; i<n; i++){
players[i].pause();
}
int i = (key - '1');

if(i>= 0 && i<n){
println("Sound number " + (i+1));
players[i].rewind();
players[i].play();
}
}
</source>

== Homework 5 ==

''This homework circles around pixel-sorting, as the pixels circle around other pixels and get the colour information of their neighbours.''

http://www.uni-weimar.de/medien/wiki/images/Pixelsort.gif

== Homework 7 ==

''This is a funny webcam delay I made. Try it. ;)''

<source lang = "java">

import processing.video.*;

Capture cam;
PImage[] buffer;
int frames = 60;
int write = 0;
int read =1;

void setup(){
size(640, 360);
cam = new Capture(this, width, height);
cam.start();
buffer = new PImage[frames];
}

void draw() {
if(cam.available()) {
cam.read();
buffer[write] = cam.get();
if(buffer[read] != null){
image(buffer[read], 0, 0);
}
write++;
read++;
if(read >= random(frames)){
read = 0;
}
if(write >= random(frames)){
write = 0;
}
}
}

</source>

== Final Project "natürlich" ==

''My final prohect trys to discuss the topic of nature. What's natural at all? Aren't the things we consider as natural, like forests or rivers, influenced by humans and so therefore not "natural". So if these things are nature, why isn't the city, with all its streets and buildings, nature after a while?
''The Processing sketch I made for my final project shows the nature and then a randomly generated tree, which is filled with the texture of a city to symbolise this topic. You can restart the sketch with a key and it will draw a new random tree. This is how i proceed:
''

[[File:Documentation.gif]]

''After having troubles creating the trees and creating the masks, i succeeded. Now that is the final code:''

<source lang = "java">
//"natürlich" by Jason Langheim
//This sketch creates random trees and applys them as masks
//on pictures of cities and puts them on top of another picture.

//creating the variables

PImage img;
PImage bg;
PImage[] parts = new PImage[500];
PImage[] masks = new PImage[500];
PGraphics tree1;
int x = 0;
int y = 500;
int y1 = 500;
int ym = 500;
int frame = 0;
PImage m;
int b=0;

//create an array of slices of the city picture and the mask

void setup(){
frameRate(15);
size(500,500);
smooth();
tree1 = createGraphics(500,500);
img = loadImage("Haus.jpg");
m = loadImage("m.png");
bg = loadImage("Wald.png");
bg.resize(width,height);
img.resize(width,height);

for (int o=0 ; o < parts.length; o++)
{
image(img, 0, 0);
y = y - 1;
parts[o] = get(x,y,500,1);
parts[o].loadPixels();
}
for (int p=0 ; p < masks.length; p++)
{
image(m, 0, 0);
ym = ym - 1;
masks[p] = get(0,ym,500,1);
}

}

//gray scale the background and apply the masks on the city

void draw() {
bg.filter(GRAY);
background(bg);
bg.mask(m);
println(frame);
y1 = height - 1;
masks[frame].mask(parts[frame]);
y1 = y1 - (frame * 1);
image(parts[frame],0,y1);
image(bg,0,0);
frame = frame + 1;
if( frame >= 500){
frame = 0;
}
}

//funtion to create random trees using math

void branches(float beginX, float beginY, float bLength, float angle)
{
float endX = beginX + bLength*cos(angle);
float endY = beginY + bLength*sin(angle);

strokeWeight(map(bLength, height/4, 3, 20, 1));
stroke(0);
line(beginX, beginY, endX, endY);

if (bLength > 3)
{
if (random(1) > 0.1) branches(endX, endY, bLength*random(0.6, 0.8), angle - random(PI/15, PI/5));
if (random(1) > 0.1) branches(endX, endY, bLength*random(0.6, 0.8), angle + random(PI/15, PI/5));
fill(0);
noStroke();
ellipse(endX, endY,(random(10)+2),(random(10)+2));
}
}

//function that draws the tree

void mask(){
tree1.beginDraw();
background(255,255);
for(int i= 0 ; i<5;i++){
branches(width/2, height, height/5, -HALF_PI);
alpha(0);
}
tree1.endDraw();
}

//redraw a random tree when a key is pressed

void keyPressed(){
mask();
save("data/" + "m.png");
background(0);

m = loadImage("m.png");
for (int p=0 ; p < masks.length; p++)
{
image(m, 0, 0);
ym = ym - 10;
masks[p] = get(0,ym,500,1);
}
frame = 0;
bg = loadImage("Wald.png");
bg.resize(width,height);
}
</source>
 

[https://www.flickr.com/photos/137372572@N08/26087001545/ The Result]

[[File:Result.png]]

GMU:Processing im Park/Jason Langheim

2016-03-28T09:05:38Z

JL: /* Final Project */

''The is the "Processing im Park" page of Jason Langheim.''

== Homework 1 ==
''Our first Homework was to create a slideshow of previously taken pictures.''
''My topic was branches and this is my code:''

<source lang = "java">
PImage[] images = new PImage[9];

void setup() {
size(300, 300);
frameRate(5);
for (int i = 0 ; i < images.length; i++)
{
images [i] = loadImage("b" + nf(i+1, 2) + ".JPG");
}
}
void draw()
{
int counter = frameCount % 9;
image(images[counter], 0, 0, 300, 300);
}

</source>

''which resulted in this:''

http://cdn.makeagif.com/media/1-12-2016/pAZ-YO.gif

== Homework 2 ==

''In this homework we were supposed to do a collage. Mine was in the style of david hockney.''

<source lang = "java">
PImage[] images = new PImage[25]; // Array für Bildvariablen erstellt
PImage[] parts = new PImage[25]; // Array für die Teile der Bilder erstellt
int x;
int y;

void setup() {
size(500, 500);
for (int i = 0 ; i < images.length; i++)
{
images [i] = loadImage("b" + (i+1) + ".JPG");
}
for (int o=0 ; o < parts.length; o++)
{
images [o].resize(width,height);
image(images [o], 0, 0, 500, 500);
x = (o % 5) * 100;
y = (o / 5) * 100;
parts[o] = get(x,y,100,100); //Aus jedem Bild wird nur der Teil entnommen der benötigt wird
}

}
void draw() {
background(0);
for (int i = 0; i < parts.length; i++){
int x = (i % 5) * 100;
int y = (i / 5) * 100;

image(parts[i], x, y, 100, 100); //Zusammensetzung aller Teile aus den verschiedenen Bildern zu einem Bild
}
for( int p = 0; p < 4;p++){
rect((p*100)+98, 0, 4, 500);
rect(0, (p*100)+98 , 500, 4);
noStroke();
}
saveFrame("hockney.JPG");
}
</source>

''the result:''

[[File:Hockney.JPG]]

== Homework 3 ==
<source lang="java">
PImage[] images = new PImage[19];
PImage alpha;

int w=100;
int h;

void setup() {
size(400, 500);
frameRate(10);
background(255);
for (int i = 0 ; i < images.length; i++)
{
images [i] = loadImage("IMG_0" + (701 + i) + ".JPG");
alpha = loadImage("alphamask.gif");
images [i].mask(alpha);
images [i].resize(100, 100);
println(i);
}

}
void draw()
{
if(mousePressed){
int counter = frameCount % 19;
image(images[counter], mouseX - 50, mouseY - 50);
}
}
</source>

http://cdn.makeagif.com/media/1-12-2016/Cv_-WL.gif

== Homework 4 ==

''For the fourth homework, we had to work with a soundboard, which plays different audio files depending on where you click on an image or which number you choose. The following code includes a atLocation function which checks for circular areas and a variable called playingLocation, which shows an ellipse for the length of the playing soundfile at its position.''

[[File:Soundboard.png]]

<source lang = "java">
import ddf.minim.spi.*;
import ddf.minim.signals.*;
import ddf.minim.*;
import ddf.minim.analysis.*;
import ddf.minim.ugens.*;
import ddf.minim.effects.*;

Minim minim;

PImage img1;
int n=9;
int activeLocation = -1;
AudioPlayer[] players = new AudioPlayer[n];
int[][] locations = {
{160, 140, 20},
{220, 220, 20},
{70, 300, 20},
{300, 235, 20},
{230, 530, 20},
{110, 520, 20},
{330, 470, 20},
{243, 96, 20},
{138, 433, 20},
};

void setup() {
minim = new Minim(this);
size(400,600);
img1 = loadImage("img2.png");
for(int i=0; i<n; i++){
players[i] = minim.loadFile("sound" + (i+1) + ".mp3");
}

}

void draw() {
image(img1,0,0,400,600);
fill(0,150);
noStroke();
for(int i=0; i < locations.length; i++){
int[] loc =locations[i];

int x= loc[0];
int y= loc[1];
int r= loc[2];

if(atLocation(x,y,r)){
activeLocation = i;
ellipse(x, y, 2*r, 2*r);
}
if(playingLocation(i)){
ellipse( x,y,2*r,2*r);
}
}
}
boolean atLocation(int x, int y, int r){
return dist(x,y,mouseX,mouseY)<r;
}

boolean playingLocation(int i){
return players[i].isPlaying();
}

void mousePressed(){
if(activeLocation !=-1){
for (int i=0; i<n; i++) {
players[i].pause();
}
println("Sound number " + (activeLocation + 1));
println(mouseX, mouseY);
players[activeLocation].rewind();
players[activeLocation].play();
}

}

void keyPressed(){
for(int i=0; i<n; i++){
players[i].pause();
}
int i = (key - '1');

if(i>= 0 && i<n){
println("Sound number " + (i+1));
players[i].rewind();
players[i].play();
}
}
</source>

== Homework 5 ==

''This homework circles around pixel-sorting, as the pixels circle around other pixels and get the colour information of their neighbours.''

http://www.uni-weimar.de/medien/wiki/images/Pixelsort.gif

== Homework 7 ==

''This is a funny webcam delay I made. Try it. ;)''

<source lang = "java">

import processing.video.*;

Capture cam;
PImage[] buffer;
int frames = 60;
int write = 0;
int read =1;

void setup(){
size(640, 360);
cam = new Capture(this, width, height);
cam.start();
buffer = new PImage[frames];
}

void draw() {
if(cam.available()) {
cam.read();
buffer[write] = cam.get();
if(buffer[read] != null){
image(buffer[read], 0, 0);
}
write++;
read++;
if(read >= random(frames)){
read = 0;
}
if(write >= random(frames)){
write = 0;
}
}
}

</source>

== Final Project ==

''My final prohect trys to discuss the topic of nature. What's natural at all? Aren't the things we consider as natural, like forests or rivers, influenced by humans and so therefore not "natural". So if these things are nature, why isn't the city, with all its streets and buildings, nature after a while?
''The Processing sketch I made for my final project shows the nature and then a randomly generated tree, which is filled with the texture of a city to symbolise this topic. You can restart the sketch with a key and it will draw a new random tree. This is how i proceed:
''

[[File:Documentation.gif]]

''After having troubles creating the trees and creating the masks, i succeeded. Now that is the final code:''

<source lang = "java">
PImage img;
PImage bg;
PImage[] parts = new PImage[500];
PImage[] masks = new PImage[500];
PGraphics tree1;
int x = 0;
int y = 500;
int y1 = 500;
int ym = 500;
int frame = 0;
PImage m;
int b=0;

void setup(){
frameRate(30);
size(500,500);
smooth();
tree1 = createGraphics(500,500);
img = loadImage("city.jpg");
m = loadImage("m.png");
bg = loadImage("nature.jpg");
bg.resize(width,height);
img.resize(width,height);

for (int o=0 ; o < parts.length; o++)
{
image(img, 0, 0);
y = y - 1;
parts[o] = get(x,y,500,1);
parts[o].loadPixels();
}
for (int p=0 ; p < masks.length; p++)
{
image(m, 0, 0);
ym = ym - 1;
masks[p] = get(0,ym,500,1);
}

}

void draw() {
bg.filter(GRAY);
background(bg);
bg.mask(m);
println(frame);
y1 = height - 1;
masks[frame].mask(parts[frame]);
y1 = y1 - (frame * 1);
image(parts[frame],0,y1);
image(bg,0,0);
frame = frame + 1;
if( frame >= 500){
frame = 0;
}
}

void branches(float beginX, float beginY, float bLength, float angle)
{
float endX = beginX + bLength*cos(angle);
float endY = beginY + bLength*sin(angle);

strokeWeight(map(bLength, height/4, 3, 20, 1));
stroke(0);
line(beginX, beginY, endX, endY);

if (bLength > 3)
{
if (random(1) > 0.1) branches(endX, endY, bLength*random(0.6, 0.8), angle - random(PI/15, PI/5));
if (random(1) > 0.1) branches(endX, endY, bLength*random(0.6, 0.8), angle + random(PI/15, PI/5));
fill(0);
noStroke();
ellipse(endX, endY,(random(10)+2),(random(10)+2));
}
}

void mask(){
tree1.beginDraw();
background(255,255);
for(int i= 0 ; i<5;i++){
branches(width/2, height, height/5, -HALF_PI);
alpha(0);
}
tree1.endDraw();
}

void keyPressed(){
mask();
save("data/" + "m.png");
background(0);

m = loadImage("m.png");
for (int p=0 ; p < masks.length; p++)
{
image(m, 0, 0);
ym = ym - 10;
masks[p] = get(0,ym,500,1);
}
frame = 0;
bg = loadImage("nature.jpg");
bg.resize(width,height);
}
</source>
 

[https://www.flickr.com/photos/137372572@N08/26087001545/ The Result]

[[File:Result.png]]

GMU:Processing im Park/Jason Langheim

2016-03-28T09:01:46Z

JL: /* Final Project */

''The is the "Processing im Park" page of Jason Langheim.''

== Homework 1 ==
''Our first Homework was to create a slideshow of previously taken pictures.''
''My topic was branches and this is my code:''

<source lang = "java">
PImage[] images = new PImage[9];

void setup() {
size(300, 300);
frameRate(5);
for (int i = 0 ; i < images.length; i++)
{
images [i] = loadImage("b" + nf(i+1, 2) + ".JPG");
}
}
void draw()
{
int counter = frameCount % 9;
image(images[counter], 0, 0, 300, 300);
}

</source>

''which resulted in this:''

http://cdn.makeagif.com/media/1-12-2016/pAZ-YO.gif

== Homework 2 ==

''In this homework we were supposed to do a collage. Mine was in the style of david hockney.''

<source lang = "java">
PImage[] images = new PImage[25]; // Array für Bildvariablen erstellt
PImage[] parts = new PImage[25]; // Array für die Teile der Bilder erstellt
int x;
int y;

void setup() {
size(500, 500);
for (int i = 0 ; i < images.length; i++)
{
images [i] = loadImage("b" + (i+1) + ".JPG");
}
for (int o=0 ; o < parts.length; o++)
{
images [o].resize(width,height);
image(images [o], 0, 0, 500, 500);
x = (o % 5) * 100;
y = (o / 5) * 100;
parts[o] = get(x,y,100,100); //Aus jedem Bild wird nur der Teil entnommen der benötigt wird
}

}
void draw() {
background(0);
for (int i = 0; i < parts.length; i++){
int x = (i % 5) * 100;
int y = (i / 5) * 100;

image(parts[i], x, y, 100, 100); //Zusammensetzung aller Teile aus den verschiedenen Bildern zu einem Bild
}
for( int p = 0; p < 4;p++){
rect((p*100)+98, 0, 4, 500);
rect(0, (p*100)+98 , 500, 4);
noStroke();
}
saveFrame("hockney.JPG");
}
</source>

''the result:''

[[File:Hockney.JPG]]

== Homework 3 ==
<source lang="java">
PImage[] images = new PImage[19];
PImage alpha;

int w=100;
int h;

void setup() {
size(400, 500);
frameRate(10);
background(255);
for (int i = 0 ; i < images.length; i++)
{
images [i] = loadImage("IMG_0" + (701 + i) + ".JPG");
alpha = loadImage("alphamask.gif");
images [i].mask(alpha);
images [i].resize(100, 100);
println(i);
}

}
void draw()
{
if(mousePressed){
int counter = frameCount % 19;
image(images[counter], mouseX - 50, mouseY - 50);
}
}
</source>

http://cdn.makeagif.com/media/1-12-2016/Cv_-WL.gif

== Homework 4 ==

''For the fourth homework, we had to work with a soundboard, which plays different audio files depending on where you click on an image or which number you choose. The following code includes a atLocation function which checks for circular areas and a variable called playingLocation, which shows an ellipse for the length of the playing soundfile at its position.''

[[File:Soundboard.png]]

<source lang = "java">
import ddf.minim.spi.*;
import ddf.minim.signals.*;
import ddf.minim.*;
import ddf.minim.analysis.*;
import ddf.minim.ugens.*;
import ddf.minim.effects.*;

Minim minim;

PImage img1;
int n=9;
int activeLocation = -1;
AudioPlayer[] players = new AudioPlayer[n];
int[][] locations = {
{160, 140, 20},
{220, 220, 20},
{70, 300, 20},
{300, 235, 20},
{230, 530, 20},
{110, 520, 20},
{330, 470, 20},
{243, 96, 20},
{138, 433, 20},
};

void setup() {
minim = new Minim(this);
size(400,600);
img1 = loadImage("img2.png");
for(int i=0; i<n; i++){
players[i] = minim.loadFile("sound" + (i+1) + ".mp3");
}

}

void draw() {
image(img1,0,0,400,600);
fill(0,150);
noStroke();
for(int i=0; i < locations.length; i++){
int[] loc =locations[i];

int x= loc[0];
int y= loc[1];
int r= loc[2];

if(atLocation(x,y,r)){
activeLocation = i;
ellipse(x, y, 2*r, 2*r);
}
if(playingLocation(i)){
ellipse( x,y,2*r,2*r);
}
}
}
boolean atLocation(int x, int y, int r){
return dist(x,y,mouseX,mouseY)<r;
}

boolean playingLocation(int i){
return players[i].isPlaying();
}

void mousePressed(){
if(activeLocation !=-1){
for (int i=0; i<n; i++) {
players[i].pause();
}
println("Sound number " + (activeLocation + 1));
println(mouseX, mouseY);
players[activeLocation].rewind();
players[activeLocation].play();
}

}

void keyPressed(){
for(int i=0; i<n; i++){
players[i].pause();
}
int i = (key - '1');

if(i>= 0 && i<n){
println("Sound number " + (i+1));
players[i].rewind();
players[i].play();
}
}
</source>

== Homework 5 ==

''This homework circles around pixel-sorting, as the pixels circle around other pixels and get the colour information of their neighbours.''

http://www.uni-weimar.de/medien/wiki/images/Pixelsort.gif

== Homework 7 ==

''This is a funny webcam delay I made. Try it. ;)''

<source lang = "java">

import processing.video.*;

Capture cam;
PImage[] buffer;
int frames = 60;
int write = 0;
int read =1;

void setup(){
size(640, 360);
cam = new Capture(this, width, height);
cam.start();
buffer = new PImage[frames];
}

void draw() {
if(cam.available()) {
cam.read();
buffer[write] = cam.get();
if(buffer[read] != null){
image(buffer[read], 0, 0);
}
write++;
read++;
if(read >= random(frames)){
read = 0;
}
if(write >= random(frames)){
write = 0;
}
}
}

</source>

== Final Project ==

''My final prohect trys to discuss the topic of nature. What's natural at all? Aren't the things we consider as natural, like forests or rivers, influenced by humans and so therefore not "natural". So if these things are nature, why isn't the city, with all its streets and buildings, nature after a while?
''The Processing sketch I made for my final project shows the nature and then a randomly generated tree, which is filled with the texture of a city to symbolise this topic. You can restart the sketch with a key and it will draw a new random tree. This is how i proceed:
''

[[File:Documentation.gif]]

''After having troubles creating the trees and creating the masks, i succeeded. Now that is the final code:''

<source lang = "java">
PImage img;
PImage bg;
PImage[] parts = new PImage[500];
PImage[] masks = new PImage[500];
PGraphics tree1;
int x = 0;
int y = 500;
int y1 = 500;
int ym = 500;
int frame = 0;
PImage m;
int b=0;

void setup(){
frameRate(30);
size(500,500);
smooth();
tree1 = createGraphics(500,500);
img = loadImage("city.jpg");
m = loadImage("m.png");
bg = loadImage("nature.jpg");
bg.resize(width,height);
img.resize(width,height);

for (int o=0 ; o < parts.length; o++)
{
image(img, 0, 0);
y = y - 1;
parts[o] = get(x,y,500,1);
parts[o].loadPixels();
}
for (int p=0 ; p < masks.length; p++)
{
image(m, 0, 0);
ym = ym - 1;
masks[p] = get(0,ym,500,1);
}

}

void draw() {
bg.filter(GRAY);
background(bg);
bg.mask(m);
println(frame);
y1 = height - 1;
masks[frame].mask(parts[frame]);
y1 = y1 - (frame * 1);
image(parts[frame],0,y1);
image(bg,0,0);
frame = frame + 1;
if( frame >= 500){
frame = 0;
}
}

void branches(float beginX, float beginY, float bLength, float angle)
{
float endX = beginX + bLength*cos(angle);
float endY = beginY + bLength*sin(angle);

strokeWeight(map(bLength, height/4, 3, 20, 1));
stroke(0);
line(beginX, beginY, endX, endY);

if (bLength > 3)
{
if (random(1) > 0.1) branches(endX, endY, bLength*random(0.6, 0.8), angle - random(PI/15, PI/5));
if (random(1) > 0.1) branches(endX, endY, bLength*random(0.6, 0.8), angle + random(PI/15, PI/5));
fill(0);
noStroke();
ellipse(endX, endY,(random(10)+2),(random(10)+2));
}
}

void mask(){
tree1.beginDraw();
background(255,255);
for(int i= 0 ; i<5;i++){
branches(width/2, height, height/5, -HALF_PI);
alpha(0);
}
tree1.endDraw();
}

void keyPressed(){
mask();
save("data/" + "m.png");
background(0);

m = loadImage("m.png");
for (int p=0 ; p < masks.length; p++)
{
image(m, 0, 0);
ym = ym - 10;
masks[p] = get(0,ym,500,1);
}
frame = 0;
bg = loadImage("nature.jpg");
bg.resize(width,height);
}
</source>

[https://www.flickr.com/photos/137372572@N08/26087001545/ The Result]

[[File:Result.png]]

GMU:Processing im Park/Jason Langheim

2016-03-28T09:01:32Z

JL: /* Final Project */

''The is the "Processing im Park" page of Jason Langheim.''

== Homework 1 ==
''Our first Homework was to create a slideshow of previously taken pictures.''
''My topic was branches and this is my code:''

<source lang = "java">
PImage[] images = new PImage[9];

void setup() {
size(300, 300);
frameRate(5);
for (int i = 0 ; i < images.length; i++)
{
images [i] = loadImage("b" + nf(i+1, 2) + ".JPG");
}
}
void draw()
{
int counter = frameCount % 9;
image(images[counter], 0, 0, 300, 300);
}

</source>

''which resulted in this:''

http://cdn.makeagif.com/media/1-12-2016/pAZ-YO.gif

== Homework 2 ==

''In this homework we were supposed to do a collage. Mine was in the style of david hockney.''

<source lang = "java">
PImage[] images = new PImage[25]; // Array für Bildvariablen erstellt
PImage[] parts = new PImage[25]; // Array für die Teile der Bilder erstellt
int x;
int y;

void setup() {
size(500, 500);
for (int i = 0 ; i < images.length; i++)
{
images [i] = loadImage("b" + (i+1) + ".JPG");
}
for (int o=0 ; o < parts.length; o++)
{
images [o].resize(width,height);
image(images [o], 0, 0, 500, 500);
x = (o % 5) * 100;
y = (o / 5) * 100;
parts[o] = get(x,y,100,100); //Aus jedem Bild wird nur der Teil entnommen der benötigt wird
}

}
void draw() {
background(0);
for (int i = 0; i < parts.length; i++){
int x = (i % 5) * 100;
int y = (i / 5) * 100;

image(parts[i], x, y, 100, 100); //Zusammensetzung aller Teile aus den verschiedenen Bildern zu einem Bild
}
for( int p = 0; p < 4;p++){
rect((p*100)+98, 0, 4, 500);
rect(0, (p*100)+98 , 500, 4);
noStroke();
}
saveFrame("hockney.JPG");
}
</source>

''the result:''

[[File:Hockney.JPG]]

== Homework 3 ==
<source lang="java">
PImage[] images = new PImage[19];
PImage alpha;

int w=100;
int h;

void setup() {
size(400, 500);
frameRate(10);
background(255);
for (int i = 0 ; i < images.length; i++)
{
images [i] = loadImage("IMG_0" + (701 + i) + ".JPG");
alpha = loadImage("alphamask.gif");
images [i].mask(alpha);
images [i].resize(100, 100);
println(i);
}

}
void draw()
{
if(mousePressed){
int counter = frameCount % 19;
image(images[counter], mouseX - 50, mouseY - 50);
}
}
</source>

http://cdn.makeagif.com/media/1-12-2016/Cv_-WL.gif

== Homework 4 ==

''For the fourth homework, we had to work with a soundboard, which plays different audio files depending on where you click on an image or which number you choose. The following code includes a atLocation function which checks for circular areas and a variable called playingLocation, which shows an ellipse for the length of the playing soundfile at its position.''

[[File:Soundboard.png]]

<source lang = "java">
import ddf.minim.spi.*;
import ddf.minim.signals.*;
import ddf.minim.*;
import ddf.minim.analysis.*;
import ddf.minim.ugens.*;
import ddf.minim.effects.*;

Minim minim;

PImage img1;
int n=9;
int activeLocation = -1;
AudioPlayer[] players = new AudioPlayer[n];
int[][] locations = {
{160, 140, 20},
{220, 220, 20},
{70, 300, 20},
{300, 235, 20},
{230, 530, 20},
{110, 520, 20},
{330, 470, 20},
{243, 96, 20},
{138, 433, 20},
};

void setup() {
minim = new Minim(this);
size(400,600);
img1 = loadImage("img2.png");
for(int i=0; i<n; i++){
players[i] = minim.loadFile("sound" + (i+1) + ".mp3");
}

}

void draw() {
image(img1,0,0,400,600);
fill(0,150);
noStroke();
for(int i=0; i < locations.length; i++){
int[] loc =locations[i];

int x= loc[0];
int y= loc[1];
int r= loc[2];

if(atLocation(x,y,r)){
activeLocation = i;
ellipse(x, y, 2*r, 2*r);
}
if(playingLocation(i)){
ellipse( x,y,2*r,2*r);
}
}
}
boolean atLocation(int x, int y, int r){
return dist(x,y,mouseX,mouseY)<r;
}

boolean playingLocation(int i){
return players[i].isPlaying();
}

void mousePressed(){
if(activeLocation !=-1){
for (int i=0; i<n; i++) {
players[i].pause();
}
println("Sound number " + (activeLocation + 1));
println(mouseX, mouseY);
players[activeLocation].rewind();
players[activeLocation].play();
}

}

void keyPressed(){
for(int i=0; i<n; i++){
players[i].pause();
}
int i = (key - '1');

if(i>= 0 && i<n){
println("Sound number " + (i+1));
players[i].rewind();
players[i].play();
}
}
</source>

== Homework 5 ==

''This homework circles around pixel-sorting, as the pixels circle around other pixels and get the colour information of their neighbours.''

http://www.uni-weimar.de/medien/wiki/images/Pixelsort.gif

== Homework 7 ==

''This is a funny webcam delay I made. Try it. ;)''

<source lang = "java">

import processing.video.*;

Capture cam;
PImage[] buffer;
int frames = 60;
int write = 0;
int read =1;

void setup(){
size(640, 360);
cam = new Capture(this, width, height);
cam.start();
buffer = new PImage[frames];
}

void draw() {
if(cam.available()) {
cam.read();
buffer[write] = cam.get();
if(buffer[read] != null){
image(buffer[read], 0, 0);
}
write++;
read++;
if(read >= random(frames)){
read = 0;
}
if(write >= random(frames)){
write = 0;
}
}
}

</source>

== Final Project ==

''My final prohect trys to discuss the topic of nature. What's natural at all? Aren't the things we consider as natural, like forests or rivers, influenced by humans and so therefore not "natural". So if these things are nature, why isn't the city, with all its streets and buildings, nature after a while?
''The Processing sketch I made for my final project shows the nature and then a randomly generated tree, which is filled with the texture of a city to symbolise this topic. You can restart the sketch with a key and it will draw a new random tree. This is how i proceed:
''

[[File:Documentation.gif]]

After having troubles creating the trees and creating the masks, i succeeded. Now that is the final code:

<source lang = "java">
PImage img;
PImage bg;
PImage[] parts = new PImage[500];
PImage[] masks = new PImage[500];
PGraphics tree1;
int x = 0;
int y = 500;
int y1 = 500;
int ym = 500;
int frame = 0;
PImage m;
int b=0;

void setup(){
frameRate(30);
size(500,500);
smooth();
tree1 = createGraphics(500,500);
img = loadImage("city.jpg");
m = loadImage("m.png");
bg = loadImage("nature.jpg");
bg.resize(width,height);
img.resize(width,height);

for (int o=0 ; o < parts.length; o++)
{
image(img, 0, 0);
y = y - 1;
parts[o] = get(x,y,500,1);
parts[o].loadPixels();
}
for (int p=0 ; p < masks.length; p++)
{
image(m, 0, 0);
ym = ym - 1;
masks[p] = get(0,ym,500,1);
}

}

void draw() {
bg.filter(GRAY);
background(bg);
bg.mask(m);
println(frame);
y1 = height - 1;
masks[frame].mask(parts[frame]);
y1 = y1 - (frame * 1);
image(parts[frame],0,y1);
image(bg,0,0);
frame = frame + 1;
if( frame >= 500){
frame = 0;
}
}

void branches(float beginX, float beginY, float bLength, float angle)
{
float endX = beginX + bLength*cos(angle);
float endY = beginY + bLength*sin(angle);

strokeWeight(map(bLength, height/4, 3, 20, 1));
stroke(0);
line(beginX, beginY, endX, endY);

if (bLength > 3)
{
if (random(1) > 0.1) branches(endX, endY, bLength*random(0.6, 0.8), angle - random(PI/15, PI/5));
if (random(1) > 0.1) branches(endX, endY, bLength*random(0.6, 0.8), angle + random(PI/15, PI/5));
fill(0);
noStroke();
ellipse(endX, endY,(random(10)+2),(random(10)+2));
}
}

void mask(){
tree1.beginDraw();
background(255,255);
for(int i= 0 ; i<5;i++){
branches(width/2, height, height/5, -HALF_PI);
alpha(0);
}
tree1.endDraw();
}

void keyPressed(){
mask();
save("data/" + "m.png");
background(0);

m = loadImage("m.png");
for (int p=0 ; p < masks.length; p++)
{
image(m, 0, 0);
ym = ym - 10;
masks[p] = get(0,ym,500,1);
}
frame = 0;
bg = loadImage("nature.jpg");
bg.resize(width,height);
}
</source>

[https://www.flickr.com/photos/137372572@N08/26087001545/ The Result]

[[File:Result.png]]

GMU:Processing im Park/Jason Langheim

2016-03-28T09:00:10Z

JL: /* Final Project */

''The is the "Processing im Park" page of Jason Langheim.''

== Homework 1 ==
''Our first Homework was to create a slideshow of previously taken pictures.''
''My topic was branches and this is my code:''

<source lang = "java">
PImage[] images = new PImage[9];

void setup() {
size(300, 300);
frameRate(5);
for (int i = 0 ; i < images.length; i++)
{
images [i] = loadImage("b" + nf(i+1, 2) + ".JPG");
}
}
void draw()
{
int counter = frameCount % 9;
image(images[counter], 0, 0, 300, 300);
}

</source>

''which resulted in this:''

http://cdn.makeagif.com/media/1-12-2016/pAZ-YO.gif

== Homework 2 ==

''In this homework we were supposed to do a collage. Mine was in the style of david hockney.''

<source lang = "java">
PImage[] images = new PImage[25]; // Array für Bildvariablen erstellt
PImage[] parts = new PImage[25]; // Array für die Teile der Bilder erstellt
int x;
int y;

void setup() {
size(500, 500);
for (int i = 0 ; i < images.length; i++)
{
images [i] = loadImage("b" + (i+1) + ".JPG");
}
for (int o=0 ; o < parts.length; o++)
{
images [o].resize(width,height);
image(images [o], 0, 0, 500, 500);
x = (o % 5) * 100;
y = (o / 5) * 100;
parts[o] = get(x,y,100,100); //Aus jedem Bild wird nur der Teil entnommen der benötigt wird
}

}
void draw() {
background(0);
for (int i = 0; i < parts.length; i++){
int x = (i % 5) * 100;
int y = (i / 5) * 100;

image(parts[i], x, y, 100, 100); //Zusammensetzung aller Teile aus den verschiedenen Bildern zu einem Bild
}
for( int p = 0; p < 4;p++){
rect((p*100)+98, 0, 4, 500);
rect(0, (p*100)+98 , 500, 4);
noStroke();
}
saveFrame("hockney.JPG");
}
</source>

''the result:''

[[File:Hockney.JPG]]

== Homework 3 ==
<source lang="java">
PImage[] images = new PImage[19];
PImage alpha;

int w=100;
int h;

void setup() {
size(400, 500);
frameRate(10);
background(255);
for (int i = 0 ; i < images.length; i++)
{
images [i] = loadImage("IMG_0" + (701 + i) + ".JPG");
alpha = loadImage("alphamask.gif");
images [i].mask(alpha);
images [i].resize(100, 100);
println(i);
}

}
void draw()
{
if(mousePressed){
int counter = frameCount % 19;
image(images[counter], mouseX - 50, mouseY - 50);
}
}
</source>

http://cdn.makeagif.com/media/1-12-2016/Cv_-WL.gif

== Homework 4 ==

''For the fourth homework, we had to work with a soundboard, which plays different audio files depending on where you click on an image or which number you choose. The following code includes a atLocation function which checks for circular areas and a variable called playingLocation, which shows an ellipse for the length of the playing soundfile at its position.''

[[File:Soundboard.png]]

<source lang = "java">
import ddf.minim.spi.*;
import ddf.minim.signals.*;
import ddf.minim.*;
import ddf.minim.analysis.*;
import ddf.minim.ugens.*;
import ddf.minim.effects.*;

Minim minim;

PImage img1;
int n=9;
int activeLocation = -1;
AudioPlayer[] players = new AudioPlayer[n];
int[][] locations = {
{160, 140, 20},
{220, 220, 20},
{70, 300, 20},
{300, 235, 20},
{230, 530, 20},
{110, 520, 20},
{330, 470, 20},
{243, 96, 20},
{138, 433, 20},
};

void setup() {
minim = new Minim(this);
size(400,600);
img1 = loadImage("img2.png");
for(int i=0; i<n; i++){
players[i] = minim.loadFile("sound" + (i+1) + ".mp3");
}

}

void draw() {
image(img1,0,0,400,600);
fill(0,150);
noStroke();
for(int i=0; i < locations.length; i++){
int[] loc =locations[i];

int x= loc[0];
int y= loc[1];
int r= loc[2];

if(atLocation(x,y,r)){
activeLocation = i;
ellipse(x, y, 2*r, 2*r);
}
if(playingLocation(i)){
ellipse( x,y,2*r,2*r);
}
}
}
boolean atLocation(int x, int y, int r){
return dist(x,y,mouseX,mouseY)<r;
}

boolean playingLocation(int i){
return players[i].isPlaying();
}

void mousePressed(){
if(activeLocation !=-1){
for (int i=0; i<n; i++) {
players[i].pause();
}
println("Sound number " + (activeLocation + 1));
println(mouseX, mouseY);
players[activeLocation].rewind();
players[activeLocation].play();
}

}

void keyPressed(){
for(int i=0; i<n; i++){
players[i].pause();
}
int i = (key - '1');

if(i>= 0 && i<n){
println("Sound number " + (i+1));
players[i].rewind();
players[i].play();
}
}
</source>

== Homework 5 ==

''This homework circles around pixel-sorting, as the pixels circle around other pixels and get the colour information of their neighbours.''

http://www.uni-weimar.de/medien/wiki/images/Pixelsort.gif

== Homework 7 ==

''This is a funny webcam delay I made. Try it. ;)''

<source lang = "java">

import processing.video.*;

Capture cam;
PImage[] buffer;
int frames = 60;
int write = 0;
int read =1;

void setup(){
size(640, 360);
cam = new Capture(this, width, height);
cam.start();
buffer = new PImage[frames];
}

void draw() {
if(cam.available()) {
cam.read();
buffer[write] = cam.get();
if(buffer[read] != null){
image(buffer[read], 0, 0);
}
write++;
read++;
if(read >= random(frames)){
read = 0;
}
if(write >= random(frames)){
write = 0;
}
}
}

</source>

== Final Project ==

''My final prohect trys to discuss the topic of nature. What's natural at all? Aren't the things we consider as natural, like forests or rivers, influenced by humans and so therefore not "natural". So if these things are nature, why isn't the city, with all its streets and buildings, nature after a while?
''The Processing sketch I made for my final project shows the nature and then a randomly generated tree, which is filled with the texture of a city to symbolise this topic. You can restart the sketch with a key and it will draw a new random tree. This is how i proceed:
''

[[File:Documentation.gif]]

<source lang = "java">
PImage img;
PImage bg;
PImage[] parts = new PImage[500];
PImage[] masks = new PImage[500];
PGraphics tree1;
int x = 0;
int y = 500;
int y1 = 500;
int ym = 500;
int frame = 0;
PImage m;
int b=0;

void setup(){
frameRate(30);
size(500,500);
smooth();
tree1 = createGraphics(500,500);
img = loadImage("city.jpg");
m = loadImage("m.png");
bg = loadImage("nature.jpg");
bg.resize(width,height);
img.resize(width,height);

for (int o=0 ; o < parts.length; o++)
{
image(img, 0, 0);
y = y - 1;
parts[o] = get(x,y,500,1);
parts[o].loadPixels();
}
for (int p=0 ; p < masks.length; p++)
{
image(m, 0, 0);
ym = ym - 1;
masks[p] = get(0,ym,500,1);
}

}

void draw() {
bg.filter(GRAY);
background(bg);
bg.mask(m);
println(frame);
y1 = height - 1;
masks[frame].mask(parts[frame]);
y1 = y1 - (frame * 1);
image(parts[frame],0,y1);
image(bg,0,0);
frame = frame + 1;
if( frame >= 500){
frame = 0;
}
}

void branches(float beginX, float beginY, float bLength, float angle)
{
float endX = beginX + bLength*cos(angle);
float endY = beginY + bLength*sin(angle);

strokeWeight(map(bLength, height/4, 3, 20, 1));
stroke(0);
line(beginX, beginY, endX, endY);

if (bLength > 3)
{
if (random(1) > 0.1) branches(endX, endY, bLength*random(0.6, 0.8), angle - random(PI/15, PI/5));
if (random(1) > 0.1) branches(endX, endY, bLength*random(0.6, 0.8), angle + random(PI/15, PI/5));
fill(0);
noStroke();
ellipse(endX, endY,(random(10)+2),(random(10)+2));
}
}

void mask(){
tree1.beginDraw();
background(255,255);
for(int i= 0 ; i<5;i++){
branches(width/2, height, height/5, -HALF_PI);
alpha(0);
}
tree1.endDraw();
}

void keyPressed(){
mask();
save("data/" + "m.png");
background(0);

m = loadImage("m.png");
for (int p=0 ; p < masks.length; p++)
{
image(m, 0, 0);
ym = ym - 10;
masks[p] = get(0,ym,500,1);
}
frame = 0;
bg = loadImage("nature.jpg");
bg.resize(width,height);
}
</source>

[https://www.flickr.com/photos/137372572@N08/26087001545/ The Result]

[[File:Result.png]]

GMU:Processing im Park/Jason Langheim

2016-03-28T08:58:20Z

JL: /* Final Project */

GMU:Processing im Park/Jason Langheim

2016-03-28T08:57:09Z

JL: /* Final Project */

File:Documentation.gif

2016-03-28T08:56:28Z

JL:

== Summary ==

== Copyright status: ==

== Source: ==

GMU:Processing im Park/Jason Langheim

2016-03-28T08:21:35Z

JL: /* Final Project */

GMU:Processing im Park/Jason Langheim

2016-03-28T08:21:14Z

JL: /* Final Project */

GMU:Processing im Park/Jason Langheim

2016-03-28T08:20:53Z

JL: /* Final Project */

GMU:Processing im Park/Jason Langheim

2016-03-28T08:19:56Z

JL: /* Final Project */

GMU:Processing im Park/Jason Langheim

2016-03-28T08:18:30Z

JL: /* Final Project */

GMU:Processing im Park/Jason Langheim

2016-03-28T08:18:02Z

JL: /* Final Project */

File:Result.png

2016-03-28T08:17:14Z

JL:

== Summary ==

== Copyright status: ==

== Source: ==

GMU:Processing im Park/Jason Langheim

2016-03-28T08:15:33Z

JL: /* Final Project */

GMU:Processing im Park/Jason Langheim

2016-03-28T07:35:22Z

JL: /* Final Project */

GMU:Processing im Park/Jason Langheim

2016-03-28T07:35:05Z

JL: /* Final Project */

GMU:Processing im Park/Jason Langheim

2016-03-28T07:34:49Z

JL:

GMU:Processing im Park/Jason Langheim

2016-03-16T15:24:14Z

JL: /* Homework 5 */

GMU:Processing im Park/Jason Langheim

2016-03-16T15:22:44Z

JL:

File:Pixelsort.gif

2016-03-16T15:21:08Z

JL:

== Summary ==

== Copyright status: ==

== Source: ==

GMU:Processing im Park/Jason Langheim

2016-02-11T14:42:16Z

JL: /* Homework 4 */

File:Soundboard.png

2016-02-11T14:40:20Z

JL:

== Summary ==

== Copyright status: ==

== Source: ==

GMU:Processing im Park/Jason Langheim

2016-01-28T13:16:06Z

JL: /* Homework 5 */

GMU:Processing im Park/Jason Langheim

2016-01-28T13:11:10Z

JL:

GMU:Processing im Park/Jason Langheim

2016-01-19T18:33:04Z

JL: /* Homework 2 */

GMU:Processing im Park/Jason Langheim

2016-01-19T18:32:33Z

JL:

GMU:Processing im Park/Jason Langheim

2016-01-12T16:07:12Z

JL: /* Homework 3 */

The is the "Processing im Park" page of Jason Langheim.

== Homework 1 ==
Our first Homework was to create a slideshow of previously taken pictures.
My topic was branches and this is my code:

<source lang = "java">
PImage[] images = new PImage[9];

void setup() {
size(300, 300);
frameRate(5);
for (int i = 0 ; i < images.length; i++)
{
images [i] = loadImage("b" + nf(i+1, 2) + ".JPG");
}
}
void draw()
{
int counter = frameCount % 9;
image(images[counter], 0, 0, 300, 300);
}

</source>

which resulted in this:

http://cdn.makeagif.com/media/1-12-2016/pAZ-YO.gif

== Homework 2 ==

In this homework we were supposed to do a collage. Mine was in the style of david hockney.

<source lang = "java">
PImage[] images = new PImage[25]; // Array für Bildvariablen erstellt
PImage[] parts = new PImage[25]; // Array für die Teile der Bilder erstellt
int x;
int y;

void setup() {
size(500, 500);
for (int i = 0 ; i < images.length; i++)
{
images [i] = loadImage("b" + (i+1) + ".JPG");
}
for (int o=0 ; o < parts.length; o++)
{
images [o].resize(width,height);
image(images [o], 0, 0, 500, 500);
x = (o % 5) * 100;
y = (o / 5) * 100;
parts[o] = get(x,y,100,100); //Aus jedem Bild wird nur der Teil entnommen der benötigt wird
}

}
void draw() {
background(0);
for (int i = 0; i < parts.length; i++){
int x = (i % 5) * 100;
int y = (i / 5) * 100;

image(parts[i], x, y, 100, 100); //Zusammensetzung aller Teile aus den verschiedenen Bildern zu einem Bild
}
for( int p = 0; p < 4;p++){
rect((p*100)+98, 0, 4, 500);
rect(0, (p*100)+98 , 500, 4);
noStroke();
}
saveFrame("hockney.JPG");
}
</source>

the result:

[[File:Hockney.JPG]]

== Homework 3 ==
<source lang="java">
PImage[] images = new PImage[19];
PImage alpha;

int w=100;
int h;

void setup() {
size(400, 500);
frameRate(10);
background(255);
for (int i = 0 ; i < images.length; i++)
{
images [i] = loadImage("IMG_0" + (701 + i) + ".JPG");
alpha = loadImage("alphamask.gif");
images [i].mask(alpha);
images [i].resize(100, 100);
println(i);
}

}
void draw()
{
if(mousePressed){
int counter = frameCount % 19;
image(images[counter], mouseX - 50, mouseY - 50);
}
}
</source>

http://cdn.makeagif.com/media/1-12-2016/Cv_-WL.gif

GMU:Processing im Park/Jason Langheim

2016-01-12T15:52:30Z

JL: /* Homework 2 */

GMU:Processing im Park/Jason Langheim

2016-01-12T15:51:24Z

JL: /* Homework 2 */

GMU:Processing im Park/Jason Langheim

2016-01-12T15:49:12Z

JL: /* Homework 2 */

File:Hockney.JPG

2016-01-12T15:46:38Z

JL: A collage in the style of David Hockney.

== Summary ==
A collage in the style of David Hockney.
== Copyright status: ==

== Source: ==

GMU:Processing im Park/Jason Langheim

2016-01-12T15:38:11Z

JL: /* Homework 1 */

GMU:Processing im Park/Jason Langheim

2016-01-12T15:34:29Z

JL: /* Homework 1 */

GMU:Processing im Park/Jason Langheim

2015-12-03T14:56:25Z

JL:

The is the "Processing im Park" page of Jason Langheim.

== Homework 1 ==

== Homework 2 ==

== Homework 3 ==

GMU:Processing im Park/Jason Langheim

2015-12-03T14:55:42Z

JL:

The is the Processing page of Jason Langheim.

== Homework 1 ==

== Homework 2 ==

== Homework 3 ==

GMU:Processing im Park/Jason Langheim

2015-12-03T14:54:02Z

JL:

'''work in progress..'''

GMU:Processing im Park/Jason Langheim

2015-12-03T14:53:43Z

JL: Created page with "work in progress.."

work in progress..

GMU:Processing im Park

2015-12-03T14:51:25Z

JL: /* Participants */

[[Image:Goethe_Gartenhaus_Kraus.png|thumb|left|200px|Goethes Gartenhaus, Zeichung von Georg Melchior Kraus (1877)]]

''Flanieren geht über studieren - An Excursion in Computational Strollology''

[[:Category:Werkmodul|Werkmodul]]/[[:Category:Fachmodul|Fachmodul]] 
''Lecturer:'' [[User:ms|Martin Schneider]] 
''Credits:'' 6 [[ECTS]], 4 [[SWS]] 
''Date:'' Donnerstag, 13:30 - 16:45 Uhr 
''Venue:'' Marienstrasse 7b, Raum 204 
''First meeting:'' Donnerstag, 22. Oktober 2015
 

NEWS:
Check out the Processing im Park github repo for code snippets and examples.
You can find it here: https://github.com/bitcraftlab/Processing-im-Park

== Description ==
Magic Words like "Ubiquitous Computing" evoke the universal presence of the computer. But where are they, those impressionists of our time, that calculate with the colors of light and juggle with RGB values? Where are the sorcerer's apprentices that animate their computers to create art by the bucket, all without fear of infinite loops and overflows?

Come, let's stroll through the park and wrest the most beautiful impressions from its premises, by virtue of our computers. All by the motto "As long as our batteries last", we strive to get close with trees, animals, ruins and caves of the park. 
With a couple of lines of code thrown in, we try to catch the magic of the moment and commit it to silicon. With webcam and microphone we are bearing down upon nature, cut her up algorithmically, weave her back together, and make her come to live again.

== Beschreibung ==
Zauberworte wie "Ubiquitous Computing" beschwören die universale Präsenz des Computers. Aber wo sind sie, die Impressionisten der Gegenwart, die mit den Farben des Lichts rechnen und mit RGB-Werten jonglieren? Wo sind die Zauberlehrlinge die ihre Computer animieren eimerweise Kunst zu schaffen, ganz ohne Furcht vor Endlosschleifen und Überlauf?

Kommt, lasst uns durch den Park flanieren und ihm Kraft unsrer Rechner die allerschönsten Eindrücke abringen. Ganz nach dem Leitspruch "so lang der Akku reicht" suchen wir den Kontakt zu Bäumen, Tieren, Gemäuern und Höhlen des Parks. 
Mit ein paar hingeworfenen Zeilen Code versuchen wir den Zauber des Augenblicks einzufangen und auf Silizium zu bannen. Mit Webcam und Mikrofon rücken wir der Natur zu Leibe, um sie algorithmisch zu zerstückeln, zu verweben, und zu neuem Leben zu erwecken.

== Language ==
The course will be in English, unless all participants are speaking German.

== Eligible Participants ==
Undergraduates and graduates enrolled in the faculties of Media and Design.

== Requirements ==
* Festes Schuhwerk
* Laptop

== Schedule ==

{| class="wikitable"
|-
! Theme !! Topic !! Date
|-
| rowspan="5" | [[/Part1|I. Image Basics]]
| [[/Part1#Working_with_Images|Working with Images]]
| 22. October 2015
|-
| [[/Part1#Cut-Ups.2C_Pixels.2C_Stripes.2C_Collages|Cut-Ups, Pixels, Stripes, Collages]]
| 29. October 2015
|-
| [[/Part1#Drawing_with_Images|Drawing with Images]]
| 19. November 2015
|-
| [[/Part1#Recording the Park|Recording im Park]] (Excursion)
| 26. November 2015
|-
| [[/Part1#Images_in_Space|Images in Space]]
| 3. December 2015
|-
| rowspan="1" | [[/Part3|III. Video Processing]]
| Video Processing for Artists (Excursion + Block-Course)
| '''18th and 19th December'''
|-
| rowspan="1" | [[/Part4|IV. Sound Processing]]
| Sound Processing for Artists (Excursion + Block-Course)
| ''t.b.a''
|}

== Participants ==

* [[/Martin Schneider|Martin Schneider]]
* [[/Jessica Hüttig|Jessica Hüttig]]
* [[/Dirk Wäsch|Dirk Wäsch]]
* [[/Emilio Aguas|Emilio Aguas]]
* [[/Pascal Delor|Pascal Delor]]
* [[/Rachel Smith|Rachel Smith]]
* [[/Katja Bliß|Katja Bliß]]
* [[/Sophia Schaefer|Sophia Schaefer]]
* [[/Justine Barthel|Justine Barthel]]
* [[/Jason Langheim |Jason Langheim]]

== Application ==

NOTE:
Applications are closed.

Please apply via email:

'''To:''' [[User:ms|Martin Schneider]] 
'''Subject:''' Processing im Park /// Application 
'''Content:'''

# Please let us know:
#* What is your motivation to join the course?
#* Which devices do you have for Computation in Nature? (+ Operating System)
#* What's your experience with programming? (Languages + Courses you took)

# Please tell us about you:
#* Program and semester (Studienprogramm und Fachsemester)
#* Matriculation number (Matrikelnummer)
#* Valid email address @uni-weimar.de (no other mailing addresses will be accepted) [[SCC-Services#E-Mail|Why?]]

== Intended Audience ==
Bachelor- und Master-Studierende der Fakultäten Medien und Gestaltung

== Grading ==
* 20% Teilnehmende Naturbeobachtung und Flanieren
* 50% Eigenständige künstlerische Arbeit im Park
* 30% Dokumentation (davon 10% Mitarbeit im Medien-Wiki)

== Syllabus ==
''to be announced''

== Links ==
=== Parks ===
* Der Ilm-Park auf [[wikipedia:de:Park an der Ilm|Wikipedia]] und [https://commons.wikimedia.org/wiki/Category:Park_an_der_Ilm Wikimedia]
* [http://www.klassik-stiftung.de/uploads/tx_lombkswmargcontent/Park-an-der-Ilm_d.pdf Park an der Ilm] (Lageplan der Klassikstiftung)
* [[wikipedia:de:Belvedere_%28Weimar%29|Schloß Belvedere]] auf Wikipedia
* [http://www.gartenkultur-thueringen.de/index.php?article_id=8 Garten und Parkanlagen in Thüringen]
=== Promenadologie ===
* [[wikipedia:de:Promenadologie|Promenadologie]] (Spaziergangswissenschaften)
* [http://www.lucius-burckhardt.org/ Lucius Burckhardt] Erfinder der Promendologie + Gründungsdekan der Fakultät Gestaltung
* [http://www.spaziergangswissenschaft.de/ Spaziergangswissenschaft.de]
* [http://www.strollology.com Strollology Berlin]
=== Promenadologie an der Bauhaus-Uni ===
* [https://www.uni-weimar.de/de/gestaltung/profil/eroeffnungsrede-des-gruendungsdekans/ Lucius Burckhardt's Eröffnungsrede] zur Gründung der Fakultät Gestaltung
* [https://www.uni-weimar.de/de/medien/professuren/film-und-medienwissenschaft/spaziergangswissenschaft/ Spaziergangswissenschaft an der Bauhaus-Uni]] (Dr. Simon Frisch, Dozent für Film & Medienwissenschaft)
=== Maps, GIS und GPS ===
* [http://borderbumping.net Boder Bumping] by Julien Oliver
* [https://wigle.net/ Wireless Geographic Logging Engine]
* [http://www.gpsdrawing.com/gallery.html GPS Drawing]
* [http://map.weimarnetz.de Weimarnetz]
=== Bird Watching ===
* [[wikipedia:en:Bird_Watching|Birdwatching]] on Wikipedia
* [http://birdingpal.org Birdingpals] (Vögelfreunde aus aller Welt)
* [http://birdingpal.org/Germany.htm Birdingpals in Germany] (Deutsche Vögelfreunde)
* [https://www.nabu.de/natur-und-landschaft/natur-erleben/spiele-apps-klingeltoene/vogelfuehrer/11280.html Nabu Vogelführer App]
=== Image Processing ===
* [http://bildmanipulation.org Bildmanipulation] (Webseite zum Buch)
* [[wikipedia:en:Image_stitching|Image Stitching]]
=== Simulation + Augmented Reality ===
* [http://laubwerk.com Laubwerk]: Tools for "authentic 3D trees"
* [[wikipedia:en:List_of_street_view_services|List of Street-View Services]]
* [http://peakar.salzburgresearch.at/ Peak AR] (Berggipfel-Erkennung)
=== Mathematik der Flaneure ===
* [[wikipedia:de:Königsberger Brückenproblem|Königsberger Brückenproblem]]
* [[wikipedia:de:Problem des Handlungsreisenden|Problem des Handlungsreisenden]]
=== Labyrinthe und Irrgärten ===
* [http://www.herr-lorenz.de/irrgarten03.html Irrgarten Belvedere]
* [http://labyrinthlocator.com/ Labyrinth Locator]
* [http://krazydad.com/mazes/ Computer Generated Mazes] by Jim Bumgardner
* [https://github.com/bitcraftlab/meandering-code Meandering Code] by Martin Schneider
* ''Labyrinth'' (classic [[wikipedia:en:Labyrinth:_The_Computer_Game|Computer Game]] based on the[[wikipedia:en:Labyrinth_(film)|Movie]] by George Lucas)
* [[wikipedia:en:List_of_maze_video_games|List of Maze-Videogames]]
=== News ===
* Time Magazine: [http://time.com/55683/street-view-and-beyond-googles-influence-on-photography/ Streetview and Beyond: Google Streetviews Influence on Photography]
* Wall Street Journal [http://blogs.wsj.com/personal-technology/2014/04/23/google-maps-time-machine-lets-you-stroll-the-streets-of-the-past Google Maps Time Machine Lets You Stroll the Streets of the Past]
=== Papers ===
* Google Research: ''[https://static.googleusercontent.com/media/research.google.com/en//pubs/archive/36899.pdf Google Streetview: Capturing the World at Street Level]''
* Flores, Arturo & Belongie, Serge: ''[http://vision.ucsd.edu/sites/default/files/IWMV_13.pdf Removing Pedestrians from Google Streetview]''

== Literature ==
=== Strollology ===
* Burkhardt, Lucius:'''Warum ist Landschaft schön? - Die Spaziergangswissenschaft'' ISBN 978-3927795426
* Burkhardt, Lucius:''Why is Landscape Beautiful? - The Science of Strollology'' ISBN 978-3035604078
* Stippl Hannah: ''Nur wo der Mensch die Natur gestört hat, wird die Landschaft wirklich schön.''
* Hessel, Franz: ''Spazieren in Berlin'' ISBN 978-3833308147
* Thoreau, Henry David : ''Lob der Wildnis'' ISBN 978-3-88221-076-7
=== Maps, [[Mapping]] GIS und [[GPS]] ===
* Grønfeldt Winther, Rasmus: ''[http://philpapers.org/archive/WINMKI.pdf Mapping Kinds in GIS and Cartography]'' towards a Philosophy of GIS and Cartography
* Grønfeldt Winther, Rasmus: ''[http://ihr.ucsc.edu/when-maps-become-the-world When Maps become the World]'' (to be published)

=== Labyrinths and Mazes ===
* Reas, Casey e.a.: [http://10print.org/ 10 PRINT]. [http://trope-tank.mit.edu/10_PRINT_121114.pdf PDF] ISBN 978-0819426529
* Matthews, William Henry: [https://archive.org/details/mazeslabyrinthsg1922matt Mazes and Labyrinths: A general Account of their History and Developments], 1922.
* Kern, Herrmann: ''Labyrinthe'' ISBN 978-3791306148
* McElhinney, Sam: ''[https://www.dropbox.com/s/d4h2mh6kmg0tbu7/McElhinney-Labyrinths_Mazes_and_the_Spaces_Inbetween.pdf Labyrinths, Mazes and the Spaces inbetween]''
=== Bird Watching ===
* Wagner, Christian & Moning, Christoph: ''Vögel beobachten in Ostdeutschland'' ISBN 978-3440111581
* Thompson, Jeff: ''Birdwatching for Dummies'' ISBN 978-0764550409
=== Simulation ===
* Deussen, Oliver: ''Digital Design of Nature, Computer generated Plants and Landscapes'' ISBN 978-3540405917
* Deussen, Oliver: Computergenerierte Pflanzen: ''Technik und Design digitaler Pflanzenwelten'' ISBN 978-3540436065
=== Image Processing ===
* Deussen, Oliver: ''Bildmanipulation – wie Computer unsere Wirklichkeit verzerren'' ISBN 978-3827419002
* Szeliski, Richard: ''Computer Vision: Algorithms and Applications (Texts in Computer Science)'' ISBN 978-1848829343
=== Programming with Processing ===
{{ProcessingBooks}}

[[Category:WS15]]
[[Category:Werkmodul]]
[[Category:Fachmodul]]
[[Category:Martin Schneider]]
[[Category:Nature]]
[[Category:Processing]]
[[Category:Programming]]
[[Category:Generative Gestaltung]]

File:Bucuresti (2).jpg

2015-12-03T13:47:06Z

JL: uploaded a new version of "File:Bucuresti (2).jpg"

== Summary ==

== Copyright status: ==

== Source: ==

File:Bucuresti (2).jpg

2015-12-03T13:42:50Z

JL:

== Summary ==

== Copyright status: ==

== Source: ==

User:JL

2015-12-03T13:42:25Z

JL: Created page with "File:Bucuresti (2).jpg"

[[File:Bucuresti (2).jpg]]