Medien Wiki - User contributions [en]

GMU:Processing im Park/Josephine Jatzlau

2016-04-07T18:22:23Z

Josijtz: /* My Final Project */

==Josephine Jatzlau==

=== ''homework 1'' ===

[[File:Kolibri.gif]]

'''Kolibri'''
----

=== ''homework 2'' ===

[[File:Moon-collage.jpg]]

'''Moon'''

[[File:Moon-Collage2.jpg]]

'''Moon 2.0'''

----

=== ''homework 3'' ===

[[File:Grumpy.jpg]]

'''Grumpy Cat Fusion'''

----

=== ''Pixel Sorting'' ===

[[File:pxl-old.png |thumb|left|400px]]

=== ''Video Delay'' ===

[https://vimeo.com/152994562 BeeGees Video Delay]

Code:
<source lang="java">

import processing.video.*;

Movie myMovie;

int maxFrames;

int d = 4;

boolean recording = false;

ArrayList frames = new ArrayList();

void setup() {
size(1280, 720);
maxFrames = width / d;

myMovie = new Movie(this, "NightFever.mp4");
myMovie.loop();

PImage img = createImage(width, height, RGB);
frames.add(img);
}

void draw() {
int n = frames.size();

image(myMovie, 0, 0);

// iterate over vertical strips
for(int i = 0; i < n; i++) {

// get snip from the frame
PImage img = (PImage) frames.get(i);

// x coordinate for the left side of the current strip
int x1 = int(map(i, 0, n-1, 0, width/2 - 100));
int y1 = int(map(i, 0, n-1, 0, height/2 - 100));

int x2 = width - x1;
int y2 = height - y1;

int w = x2 - y1;
int h = y2 - y1;

PImage snip = img.get(x1, y1, w, h);

// show strip on screen
//tint(255, 50);
image(snip, x1, y1);

}

if(recording) {

saveFrame("frame/####.png");

// recording feedback
stroke(255, 0, 0);
noFill();
strokeWeight(5);
rect(0, 0, width, height);

}

}

void keyPressed() {
recording = !recording;
}

void movieEvent(Movie m) {
m.read();

PImage img = myMovie.get();

frames.add(img);

if( frames.size() > maxFrames) {
frames.remove(0);
}

}

</source>
----

=== ''Sound Processing - Interactive'' ===

[[File:Parkhöhle.png]]

Code:
<source lang="java">

import ddf.minim.*;
Minim minim;

int n = 8;
int idx;

AudioPlayer[] players = new AudioPlayer[n];

int[][] locations = {
{307, 234, 10}, //1
{425, 222, 10}, //2
{377, 305, 10}, //3
{426, 383, 10}, //4
{552, 224, 10}, //5
{552, 385, 10}, //6
{661, 420, 10}, //7
{560, 310, 10}, //8

};

int activeLocation = -1;

PImage img;

void setup() {

size(800, 600);

minim = new Minim(this);

img = loadImage("parkhöhle.jpg");

for (int i = 0; i < n; i++) {
players[i] = minim.loadFile(“test-" + (i + 1) + ".mp3");

}
}

void draw() {

image(img, 0, 0);
fill(255, 150);
noStroke();

activeLocation = -1;

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);
fill(250, 0);

}
}
}

boolean atLocation(int x, int y, int r) {
return mouseX > (x - r) && mouseX < (x + r) && mouseY > (y - r) && mouseY < (y + r);
}

void mousePressed() {

if(activeLocation != -1) {

for (int i = 0; i < n; i++) {
players[i].pause();}

println("Sound number " + (activeLocation + 1));
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();
}
}

void keyPressed() {

println(pmouseX, pmouseY);
}

</source>

----

=== My Final Project ===

For my final project I wanted to explore the world of sound processing. I started to experiment with the visualization of sound (beat detection).And I got more and more interessted into this topic. The semester break gave me the final inspiration for my project. I created an interactive map which shows some clubs in Berlin. With this map you can find the perfect club for you and your music taste. I think that there has never been a map like this. It could be really helpful and people should start to develope those kind of maps for metropolises like Berlin, London or NewYork.

[https://vimeo.com/161960707 Part 1 Beat Detection]

[https://vimeo.com/161019179 Part 2 - Interactive Club Map]

Code Part 1:

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

import camera3D.*;
import camera3D.generators.*;
import camera3D.generators.util.*;

Minim minim;
AudioPlayer song;
BeatDetect beat;

float eRadius;

PImage img;

void setup() {

size(500, 500, P3D);

minim = new Minim(this);
song = minim.loadFile("song.mp3", 2040);
song.play();

beat = new BeatDetect();

rectMode(CENTER);
eRadius = 20;

}

void draw() {

background(0);
beat.detect(song.mix);

fill( random(255), random(255), random(255), random(255));
int x = int(random(100, width - 100));
int y = int(random(100, height -100));
if (beat.isOnset() )
rect(250, 250, random(width), random(height));

}

void mousePressed() {

minim.stop();
song.close();
}

void keyPressed()
{
if ( key == '1') {

minim = new Minim(this);
song = minim.loadFile("song.mp3", 2040);
song.play();

}

if ( key == '2') {

minim = new Minim(this);
song = minim.loadFile("song-2.mp3", 2040);
song.play();
}

if ( key == '3') {

minim = new Minim(this);
song = minim.loadFile("song-3.mp3", 2040);
song.play();

}
if ( key == '4') {

minim = new Minim(this);
song = minim.loadFile("song-4.mp3", 2040);
song.play();

}

if ( key == '5') {

minim = new Minim(this);
song = minim.loadFile("song-5.mp3", 2040);
song.play();

}

if ( key == 'x') {

song.close();
minim.stop();
}

}
</source>

Code Part 2:

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

import camera3D.*;
import camera3D.generators.*;
import camera3D.generators.util.*;

Minim minim;

PImage img;
PImage img1;

PFont font;
PFont font1;

int n = 19;
int idx;

AudioPlayer song;
BeatDetect beat;

AudioPlayer[] players = new AudioPlayer[n];

float eRadius;

int[][] locations = {

{545, 276, 10}, //1 Humboldthain
{782, 470, 10}, //2 Berghain
{734, 480, 10}, //3 Tresor
{735, 509, 10}, //4 RitterButzke
{891, 669, 10}, //5 Grießmühle
{945, 589, 10}, //6 WildeRenate
{568, 270, 10}, //7 Brunnen70
{673, 278, 10}, //8 AlteKantine
{422, 370, 10}, //9 Metaxabay
{139, 394, 10}, //10 MiSalsa
{93, 437, 10}, //11 Goldelse
{574, 508, 10}, //12 Werk9
{645, 343, 10}, //13 Sophienclub
{573, 532, 10}, //14 Gretchen
{261, 496, 10}, //15 Quasimodo
{203, 456, 10}, //16 A-Trane
{746, 440, 10}, //17 GoldenGate
{526, 373, 10}, //18 BarTausend
{707, 397, 10}, //19 HouseOfWeekend
};

int activeLocation = -1;

void setup() {

minim = new Minim(this);

size(1000, 750);

img = loadImage("map2.jpg");
img.resize(1000, 750);
img1 = loadImage("map1.png");
img1.resize(631, 92);

font = loadFont("DejaVuSansCondensed-Bold-60.vlw");
font1 = loadFont("DejaVuSans-ExtraLight-20.vlw");

for (int i = 0; i < n; i++) {
players[i] = minim.loadFile("club-" + (i + 1) + ".mp3");
}

beat = new BeatDetect();

rectMode(CORNER);
eRadius = 10;

}

void draw() {

background(img);
image(img1, 209, 100);

fill(255);
textFont(font, 60);
text("THE SOUND OF BERLIN", 50, 65);

fill(0, 24, 50, 70);
textFont(font, 60);
text("THE SOUND OF BERLIN", 50, 70, -10);

fill(255);
textFont(font1, 20);
text("find the stars and hear the sound of your favorite clubs", 190, 95);

println(pmouseX, pmouseY);

activeLocation = -1;
for(int i = 0; i < locations.length; i ++) {

int[] loc = locations[i];

int x1 = loc[0];
int y1 = loc[1];
int r = loc[2];

if(atLocation(x1, y1, r)) {

activeLocation = i;

star(x1, y1, 5, 10, 5);
fill(255);
noStroke();
players[i].play();
}
else {

players[i].pause();
}
}
}

void star(float x, float y, float radius1, float radius2, int npoints) {
float angle = TWO_PI / npoints;
float halfAngle = angle/2.0;
beginShape();
for (float a = 0; a < TWO_PI; a += angle) {
float sx = x + cos(a) * radius2;
float sy = y + sin(a) * radius2;
vertex(sx, sy);
sx = x + cos(a+halfAngle) * radius1;
sy = y + sin(a+halfAngle) * radius1;
vertex(sx, sy);
}
endShape(CLOSE);
}

boolean atLocation(int x, int y, int r) {

return mouseX > (x - r) && mouseX < (x + r) && mouseY > (y - r) && mouseY < (y + r);

}

void mousePressed() {

if(activeLocation != -1) {

for (int i = 0; i < n; i++) {
players[i].pause();
}
println("Sound number " + (activeLocation + 1));
players[activeLocation].rewind();
players[activeLocation].play();
}
}

</source>

GMU:Processing im Park/Josephine Jatzlau

2016-03-31T16:57:25Z

Josijtz: /* homework 2 */

==Josephine Jatzlau==

=== ''homework 1'' ===

[[File:Kolibri.gif]]

'''Kolibri'''
----

=== ''homework 2'' ===

[[File:Moon-collage.jpg]]

'''Moon'''

[[File:Moon-Collage2.jpg]]

'''Moon 2.0'''

----

=== ''homework 3'' ===

[[File:Grumpy.jpg]]

'''Grumpy Cat Fusion'''

----

=== ''Pixel Sorting'' ===

[[File:pxl-old.png |thumb|left|400px]]

=== ''Video Delay'' ===

[https://vimeo.com/152994562 BeeGees Video Delay]

Code:
<source lang="java">

import processing.video.*;

Movie myMovie;

int maxFrames;

int d = 4;

boolean recording = false;

ArrayList frames = new ArrayList();

void setup() {
size(1280, 720);
maxFrames = width / d;

myMovie = new Movie(this, "NightFever.mp4");
myMovie.loop();

PImage img = createImage(width, height, RGB);
frames.add(img);
}

void draw() {
int n = frames.size();

image(myMovie, 0, 0);

// iterate over vertical strips
for(int i = 0; i < n; i++) {

// get snip from the frame
PImage img = (PImage) frames.get(i);

// x coordinate for the left side of the current strip
int x1 = int(map(i, 0, n-1, 0, width/2 - 100));
int y1 = int(map(i, 0, n-1, 0, height/2 - 100));

int x2 = width - x1;
int y2 = height - y1;

int w = x2 - y1;
int h = y2 - y1;

PImage snip = img.get(x1, y1, w, h);

// show strip on screen
//tint(255, 50);
image(snip, x1, y1);

}

if(recording) {

saveFrame("frame/####.png");

// recording feedback
stroke(255, 0, 0);
noFill();
strokeWeight(5);
rect(0, 0, width, height);

}

}

void keyPressed() {
recording = !recording;
}

void movieEvent(Movie m) {
m.read();

PImage img = myMovie.get();

frames.add(img);

if( frames.size() > maxFrames) {
frames.remove(0);
}

}

</source>
----

=== ''Sound Processing - Interactive'' ===

[[File:Parkhöhle.png]]

Code:
<source lang="java">

import ddf.minim.*;
Minim minim;

int n = 8;
int idx;

AudioPlayer[] players = new AudioPlayer[n];

int[][] locations = {
{307, 234, 10}, //1
{425, 222, 10}, //2
{377, 305, 10}, //3
{426, 383, 10}, //4
{552, 224, 10}, //5
{552, 385, 10}, //6
{661, 420, 10}, //7
{560, 310, 10}, //8

};

int activeLocation = -1;

PImage img;

void setup() {

size(800, 600);

minim = new Minim(this);

img = loadImage("parkhöhle.jpg");

for (int i = 0; i < n; i++) {
players[i] = minim.loadFile(“test-" + (i + 1) + ".mp3");

}
}

void draw() {

image(img, 0, 0);
fill(255, 150);
noStroke();

activeLocation = -1;

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);
fill(250, 0);

}
}
}

boolean atLocation(int x, int y, int r) {
return mouseX > (x - r) && mouseX < (x + r) && mouseY > (y - r) && mouseY < (y + r);
}

void mousePressed() {

if(activeLocation != -1) {

for (int i = 0; i < n; i++) {
players[i].pause();}

println("Sound number " + (activeLocation + 1));
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();
}
}

void keyPressed() {

println(pmouseX, pmouseY);
}

</source>

----

=== My Final Project ===

For my final project I wanted to explore the world of sound processing. I started to experiment with the visualization of sound (beat detection).And I got more and more interessted into this topic. The semester break gave me the final inspiration for my project. I created an interactive map which shows some clubs in Berlin. With this map you can find the perfect club for you and your music taste. I think that there has never been a map like this. It could be really helpful and people should start to develope those kind of maps for metropolises like Berlin, London or NewYork.

[https://vimeo.com/161019179 Part 1 - Interactive Club Map]

Code:

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

import camera3D.*;
import camera3D.generators.*;
import camera3D.generators.util.*;

Minim minim;

PImage img;
PImage img1;

PFont font;
PFont font1;

int n = 19;
int idx;

AudioPlayer song;
BeatDetect beat;

AudioPlayer[] players = new AudioPlayer[n];

float eRadius;

int[][] locations = {

{545, 276, 10}, //1 Humboldthain
{782, 470, 10}, //2 Berghain
{734, 480, 10}, //3 Tresor
{735, 509, 10}, //4 RitterButzke
{891, 669, 10}, //5 Grießmühle
{945, 589, 10}, //6 WildeRenate
{568, 270, 10}, //7 Brunnen70
{673, 278, 10}, //8 AlteKantine
{422, 370, 10}, //9 Metaxabay
{139, 394, 10}, //10 MiSalsa
{93, 437, 10}, //11 Goldelse
{574, 508, 10}, //12 Werk9
{645, 343, 10}, //13 Sophienclub
{573, 532, 10}, //14 Gretchen
{261, 496, 10}, //15 Quasimodo
{203, 456, 10}, //16 A-Trane
{746, 440, 10}, //17 GoldenGate
{526, 373, 10}, //18 BarTausend
{707, 397, 10}, //19 HouseOfWeekend
};

int activeLocation = -1;

void setup() {

minim = new Minim(this);

size(1000, 750);

img = loadImage("map2.jpg");
img.resize(1000, 750);
img1 = loadImage("map1.png");
img1.resize(631, 92);

font = loadFont("DejaVuSansCondensed-Bold-60.vlw");
font1 = loadFont("DejaVuSans-ExtraLight-20.vlw");

for (int i = 0; i < n; i++) {
players[i] = minim.loadFile("club-" + (i + 1) + ".mp3");
}

beat = new BeatDetect();

rectMode(CORNER);
eRadius = 10;

}

void draw() {

background(img);
image(img1, 209, 100);

fill(255);
textFont(font, 60);
text("THE SOUND OF BERLIN", 50, 65);

fill(0, 24, 50, 70);
textFont(font, 60);
text("THE SOUND OF BERLIN", 50, 70, -10);

fill(255);
textFont(font1, 20);
text("find the stars and hear the sound of your favorite clubs", 190, 95);

println(pmouseX, pmouseY);

activeLocation = -1;
for(int i = 0; i < locations.length; i ++) {

int[] loc = locations[i];

int x1 = loc[0];
int y1 = loc[1];
int r = loc[2];

if(atLocation(x1, y1, r)) {

activeLocation = i;

star(x1, y1, 5, 10, 5);
fill(255);
noStroke();
players[i].play();
}
else {

players[i].pause();
}
}
}

void star(float x, float y, float radius1, float radius2, int npoints) {
float angle = TWO_PI / npoints;
float halfAngle = angle/2.0;
beginShape();
for (float a = 0; a < TWO_PI; a += angle) {
float sx = x + cos(a) * radius2;
float sy = y + sin(a) * radius2;
vertex(sx, sy);
sx = x + cos(a+halfAngle) * radius1;
sy = y + sin(a+halfAngle) * radius1;
vertex(sx, sy);
}
endShape(CLOSE);
}

boolean atLocation(int x, int y, int r) {

return mouseX > (x - r) && mouseX < (x + r) && mouseY > (y - r) && mouseY < (y + r);

}

void mousePressed() {

if(activeLocation != -1) {

for (int i = 0; i < n; i++) {
players[i].pause();
}
println("Sound number " + (activeLocation + 1));
players[activeLocation].rewind();
players[activeLocation].play();
}
}

</source>

GMU:Processing im Park/Josephine Jatzlau

2016-03-31T16:57:05Z

Josijtz: /* Video Delay */

==Josephine Jatzlau==

=== ''homework 1'' ===

[[File:Kolibri.gif]]

'''Kolibri'''
----

=== ''homework 2'' ===

[[File:Moon-collage.jpg]]

'''Moon'''

[[File:Moon-Collage2.jpg]]

'''Moon 2.0'''

----

=== ''homework 3'' ===

[[File:Grumpy.jpg]]

'''Grumpy Cat Fusion'''

----

=== ''Pixel Sorting'' ===

[[File:pxl-old.png |thumb|left|400px]]

=== ''Video Delay'' ===

[https://vimeo.com/152994562 BeeGees Video Delay]

Code:
<source lang="java">

import processing.video.*;

Movie myMovie;

int maxFrames;

int d = 4;

boolean recording = false;

ArrayList frames = new ArrayList();

void setup() {
size(1280, 720);
maxFrames = width / d;

myMovie = new Movie(this, "NightFever.mp4");
myMovie.loop();

PImage img = createImage(width, height, RGB);
frames.add(img);
}

void draw() {
int n = frames.size();

image(myMovie, 0, 0);

// iterate over vertical strips
for(int i = 0; i < n; i++) {

// get snip from the frame
PImage img = (PImage) frames.get(i);

// x coordinate for the left side of the current strip
int x1 = int(map(i, 0, n-1, 0, width/2 - 100));
int y1 = int(map(i, 0, n-1, 0, height/2 - 100));

int x2 = width - x1;
int y2 = height - y1;

int w = x2 - y1;
int h = y2 - y1;

PImage snip = img.get(x1, y1, w, h);

// show strip on screen
//tint(255, 50);
image(snip, x1, y1);

}

if(recording) {

saveFrame("frame/####.png");

// recording feedback
stroke(255, 0, 0);
noFill();
strokeWeight(5);
rect(0, 0, width, height);

}

}

void keyPressed() {
recording = !recording;
}

void movieEvent(Movie m) {
m.read();

PImage img = myMovie.get();

frames.add(img);

if( frames.size() > maxFrames) {
frames.remove(0);
}

}

</source>
----

=== ''Sound Processing - Interactive'' ===

[[File:Parkhöhle.png]]

Code:
<source lang="java">

import ddf.minim.*;
Minim minim;

int n = 8;
int idx;

AudioPlayer[] players = new AudioPlayer[n];

int[][] locations = {
{307, 234, 10}, //1
{425, 222, 10}, //2
{377, 305, 10}, //3
{426, 383, 10}, //4
{552, 224, 10}, //5
{552, 385, 10}, //6
{661, 420, 10}, //7
{560, 310, 10}, //8

};

int activeLocation = -1;

PImage img;

void setup() {

size(800, 600);

minim = new Minim(this);

img = loadImage("parkhöhle.jpg");

for (int i = 0; i < n; i++) {
players[i] = minim.loadFile(“test-" + (i + 1) + ".mp3");

}
}

void draw() {

image(img, 0, 0);
fill(255, 150);
noStroke();

activeLocation = -1;

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);
fill(250, 0);

}
}
}

boolean atLocation(int x, int y, int r) {
return mouseX > (x - r) && mouseX < (x + r) && mouseY > (y - r) && mouseY < (y + r);
}

void mousePressed() {

if(activeLocation != -1) {

for (int i = 0; i < n; i++) {
players[i].pause();}

println("Sound number " + (activeLocation + 1));
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();
}
}

void keyPressed() {

println(pmouseX, pmouseY);
}

</source>

----

=== My Final Project ===

For my final project I wanted to explore the world of sound processing. I started to experiment with the visualization of sound (beat detection).And I got more and more interessted into this topic. The semester break gave me the final inspiration for my project. I created an interactive map which shows some clubs in Berlin. With this map you can find the perfect club for you and your music taste. I think that there has never been a map like this. It could be really helpful and people should start to develope those kind of maps for metropolises like Berlin, London or NewYork.

[https://vimeo.com/161019179 Part 1 - Interactive Club Map]

Code:

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

import camera3D.*;
import camera3D.generators.*;
import camera3D.generators.util.*;

Minim minim;

PImage img;
PImage img1;

PFont font;
PFont font1;

int n = 19;
int idx;

AudioPlayer song;
BeatDetect beat;

AudioPlayer[] players = new AudioPlayer[n];

float eRadius;

int[][] locations = {

{545, 276, 10}, //1 Humboldthain
{782, 470, 10}, //2 Berghain
{734, 480, 10}, //3 Tresor
{735, 509, 10}, //4 RitterButzke
{891, 669, 10}, //5 Grießmühle
{945, 589, 10}, //6 WildeRenate
{568, 270, 10}, //7 Brunnen70
{673, 278, 10}, //8 AlteKantine
{422, 370, 10}, //9 Metaxabay
{139, 394, 10}, //10 MiSalsa
{93, 437, 10}, //11 Goldelse
{574, 508, 10}, //12 Werk9
{645, 343, 10}, //13 Sophienclub
{573, 532, 10}, //14 Gretchen
{261, 496, 10}, //15 Quasimodo
{203, 456, 10}, //16 A-Trane
{746, 440, 10}, //17 GoldenGate
{526, 373, 10}, //18 BarTausend
{707, 397, 10}, //19 HouseOfWeekend
};

int activeLocation = -1;

void setup() {

minim = new Minim(this);

size(1000, 750);

img = loadImage("map2.jpg");
img.resize(1000, 750);
img1 = loadImage("map1.png");
img1.resize(631, 92);

font = loadFont("DejaVuSansCondensed-Bold-60.vlw");
font1 = loadFont("DejaVuSans-ExtraLight-20.vlw");

for (int i = 0; i < n; i++) {
players[i] = minim.loadFile("club-" + (i + 1) + ".mp3");
}

beat = new BeatDetect();

rectMode(CORNER);
eRadius = 10;

}

void draw() {

background(img);
image(img1, 209, 100);

fill(255);
textFont(font, 60);
text("THE SOUND OF BERLIN", 50, 65);

fill(0, 24, 50, 70);
textFont(font, 60);
text("THE SOUND OF BERLIN", 50, 70, -10);

fill(255);
textFont(font1, 20);
text("find the stars and hear the sound of your favorite clubs", 190, 95);

println(pmouseX, pmouseY);

activeLocation = -1;
for(int i = 0; i < locations.length; i ++) {

int[] loc = locations[i];

int x1 = loc[0];
int y1 = loc[1];
int r = loc[2];

if(atLocation(x1, y1, r)) {

activeLocation = i;

star(x1, y1, 5, 10, 5);
fill(255);
noStroke();
players[i].play();
}
else {

players[i].pause();
}
}
}

void star(float x, float y, float radius1, float radius2, int npoints) {
float angle = TWO_PI / npoints;
float halfAngle = angle/2.0;
beginShape();
for (float a = 0; a < TWO_PI; a += angle) {
float sx = x + cos(a) * radius2;
float sy = y + sin(a) * radius2;
vertex(sx, sy);
sx = x + cos(a+halfAngle) * radius1;
sy = y + sin(a+halfAngle) * radius1;
vertex(sx, sy);
}
endShape(CLOSE);
}

boolean atLocation(int x, int y, int r) {

return mouseX > (x - r) && mouseX < (x + r) && mouseY > (y - r) && mouseY < (y + r);

}

void mousePressed() {

if(activeLocation != -1) {

for (int i = 0; i < n; i++) {
players[i].pause();
}
println("Sound number " + (activeLocation + 1));
players[activeLocation].rewind();
players[activeLocation].play();
}
}

</source>

GMU:Processing im Park/Josephine Jatzlau

2016-03-31T16:56:44Z

Josijtz: /* Sound Processing - Interactive */

==Josephine Jatzlau==

=== ''homework 1'' ===

[[File:Kolibri.gif]]

'''Kolibri'''
----

=== ''homework 2'' ===

[[File:Moon-collage.jpg]]

'''Moon'''

[[File:Moon-Collage2.jpg]]

'''Moon 2.0'''

----

=== ''homework 3'' ===

[[File:Grumpy.jpg]]

'''Grumpy Cat Fusion'''

----

=== ''Pixel Sorting'' ===

[[File:pxl-old.png |thumb|left|400px]]

=== ''Video Delay'' ===

[https://vimeo.com/152994562 BeeGees Video Delay]

<source lang="java">

import processing.video.*;

Movie myMovie;

int maxFrames;

int d = 4;

boolean recording = false;

ArrayList frames = new ArrayList();

void setup() {
size(1280, 720);
maxFrames = width / d;

myMovie = new Movie(this, "NightFever.mp4");
myMovie.loop();

PImage img = createImage(width, height, RGB);
frames.add(img);
}

void draw() {
int n = frames.size();

image(myMovie, 0, 0);

// iterate over vertical strips
for(int i = 0; i < n; i++) {

// get snip from the frame
PImage img = (PImage) frames.get(i);

// x coordinate for the left side of the current strip
int x1 = int(map(i, 0, n-1, 0, width/2 - 100));
int y1 = int(map(i, 0, n-1, 0, height/2 - 100));

int x2 = width - x1;
int y2 = height - y1;

int w = x2 - y1;
int h = y2 - y1;

PImage snip = img.get(x1, y1, w, h);

// show strip on screen
//tint(255, 50);
image(snip, x1, y1);

}

if(recording) {

saveFrame("frame/####.png");

// recording feedback
stroke(255, 0, 0);
noFill();
strokeWeight(5);
rect(0, 0, width, height);

}

}

void keyPressed() {
recording = !recording;
}

void movieEvent(Movie m) {
m.read();

PImage img = myMovie.get();

frames.add(img);

if( frames.size() > maxFrames) {
frames.remove(0);
}

}

</source>
----

=== ''Sound Processing - Interactive'' ===

[[File:Parkhöhle.png]]

Code:
<source lang="java">

import ddf.minim.*;
Minim minim;

int n = 8;
int idx;

AudioPlayer[] players = new AudioPlayer[n];

int[][] locations = {
{307, 234, 10}, //1
{425, 222, 10}, //2
{377, 305, 10}, //3
{426, 383, 10}, //4
{552, 224, 10}, //5
{552, 385, 10}, //6
{661, 420, 10}, //7
{560, 310, 10}, //8

};

int activeLocation = -1;

PImage img;

void setup() {

size(800, 600);

minim = new Minim(this);

img = loadImage("parkhöhle.jpg");

for (int i = 0; i < n; i++) {
players[i] = minim.loadFile(“test-" + (i + 1) + ".mp3");

}
}

void draw() {

image(img, 0, 0);
fill(255, 150);
noStroke();

activeLocation = -1;

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);
fill(250, 0);

}
}
}

boolean atLocation(int x, int y, int r) {
return mouseX > (x - r) && mouseX < (x + r) && mouseY > (y - r) && mouseY < (y + r);
}

void mousePressed() {

if(activeLocation != -1) {

for (int i = 0; i < n; i++) {
players[i].pause();}

println("Sound number " + (activeLocation + 1));
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();
}
}

void keyPressed() {

println(pmouseX, pmouseY);
}

</source>

----

=== My Final Project ===

For my final project I wanted to explore the world of sound processing. I started to experiment with the visualization of sound (beat detection).And I got more and more interessted into this topic. The semester break gave me the final inspiration for my project. I created an interactive map which shows some clubs in Berlin. With this map you can find the perfect club for you and your music taste. I think that there has never been a map like this. It could be really helpful and people should start to develope those kind of maps for metropolises like Berlin, London or NewYork.

[https://vimeo.com/161019179 Part 1 - Interactive Club Map]

Code:

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

import camera3D.*;
import camera3D.generators.*;
import camera3D.generators.util.*;

Minim minim;

PImage img;
PImage img1;

PFont font;
PFont font1;

int n = 19;
int idx;

AudioPlayer song;
BeatDetect beat;

AudioPlayer[] players = new AudioPlayer[n];

float eRadius;

int[][] locations = {

{545, 276, 10}, //1 Humboldthain
{782, 470, 10}, //2 Berghain
{734, 480, 10}, //3 Tresor
{735, 509, 10}, //4 RitterButzke
{891, 669, 10}, //5 Grießmühle
{945, 589, 10}, //6 WildeRenate
{568, 270, 10}, //7 Brunnen70
{673, 278, 10}, //8 AlteKantine
{422, 370, 10}, //9 Metaxabay
{139, 394, 10}, //10 MiSalsa
{93, 437, 10}, //11 Goldelse
{574, 508, 10}, //12 Werk9
{645, 343, 10}, //13 Sophienclub
{573, 532, 10}, //14 Gretchen
{261, 496, 10}, //15 Quasimodo
{203, 456, 10}, //16 A-Trane
{746, 440, 10}, //17 GoldenGate
{526, 373, 10}, //18 BarTausend
{707, 397, 10}, //19 HouseOfWeekend
};

int activeLocation = -1;

void setup() {

minim = new Minim(this);

size(1000, 750);

img = loadImage("map2.jpg");
img.resize(1000, 750);
img1 = loadImage("map1.png");
img1.resize(631, 92);

font = loadFont("DejaVuSansCondensed-Bold-60.vlw");
font1 = loadFont("DejaVuSans-ExtraLight-20.vlw");

for (int i = 0; i < n; i++) {
players[i] = minim.loadFile("club-" + (i + 1) + ".mp3");
}

beat = new BeatDetect();

rectMode(CORNER);
eRadius = 10;

}

void draw() {

background(img);
image(img1, 209, 100);

fill(255);
textFont(font, 60);
text("THE SOUND OF BERLIN", 50, 65);

fill(0, 24, 50, 70);
textFont(font, 60);
text("THE SOUND OF BERLIN", 50, 70, -10);

fill(255);
textFont(font1, 20);
text("find the stars and hear the sound of your favorite clubs", 190, 95);

println(pmouseX, pmouseY);

activeLocation = -1;
for(int i = 0; i < locations.length; i ++) {

int[] loc = locations[i];

int x1 = loc[0];
int y1 = loc[1];
int r = loc[2];

if(atLocation(x1, y1, r)) {

activeLocation = i;

star(x1, y1, 5, 10, 5);
fill(255);
noStroke();
players[i].play();
}
else {

players[i].pause();
}
}
}

void star(float x, float y, float radius1, float radius2, int npoints) {
float angle = TWO_PI / npoints;
float halfAngle = angle/2.0;
beginShape();
for (float a = 0; a < TWO_PI; a += angle) {
float sx = x + cos(a) * radius2;
float sy = y + sin(a) * radius2;
vertex(sx, sy);
sx = x + cos(a+halfAngle) * radius1;
sy = y + sin(a+halfAngle) * radius1;
vertex(sx, sy);
}
endShape(CLOSE);
}

boolean atLocation(int x, int y, int r) {

return mouseX > (x - r) && mouseX < (x + r) && mouseY > (y - r) && mouseY < (y + r);

}

void mousePressed() {

if(activeLocation != -1) {

for (int i = 0; i < n; i++) {
players[i].pause();
}
println("Sound number " + (activeLocation + 1));
players[activeLocation].rewind();
players[activeLocation].play();
}
}

</source>

GMU:Processing im Park/Josephine Jatzlau

2016-03-31T16:56:19Z

Josijtz: /* Sound Processing - Interactive */

==Josephine Jatzlau==

=== ''homework 1'' ===

[[File:Kolibri.gif]]

'''Kolibri'''
----

=== ''homework 2'' ===

[[File:Moon-collage.jpg]]

'''Moon'''

[[File:Moon-Collage2.jpg]]

'''Moon 2.0'''

----

=== ''homework 3'' ===

[[File:Grumpy.jpg]]

'''Grumpy Cat Fusion'''

----

=== ''Pixel Sorting'' ===

[[File:pxl-old.png |thumb|left|400px]]

=== ''Video Delay'' ===

[https://vimeo.com/152994562 BeeGees Video Delay]

<source lang="java">

import processing.video.*;

Movie myMovie;

int maxFrames;

int d = 4;

boolean recording = false;

ArrayList frames = new ArrayList();

void setup() {
size(1280, 720);
maxFrames = width / d;

myMovie = new Movie(this, "NightFever.mp4");
myMovie.loop();

PImage img = createImage(width, height, RGB);
frames.add(img);
}

void draw() {
int n = frames.size();

image(myMovie, 0, 0);

// iterate over vertical strips
for(int i = 0; i < n; i++) {

// get snip from the frame
PImage img = (PImage) frames.get(i);

// x coordinate for the left side of the current strip
int x1 = int(map(i, 0, n-1, 0, width/2 - 100));
int y1 = int(map(i, 0, n-1, 0, height/2 - 100));

int x2 = width - x1;
int y2 = height - y1;

int w = x2 - y1;
int h = y2 - y1;

PImage snip = img.get(x1, y1, w, h);

// show strip on screen
//tint(255, 50);
image(snip, x1, y1);

}

if(recording) {

saveFrame("frame/####.png");

// recording feedback
stroke(255, 0, 0);
noFill();
strokeWeight(5);
rect(0, 0, width, height);

}

}

void keyPressed() {
recording = !recording;
}

void movieEvent(Movie m) {
m.read();

PImage img = myMovie.get();

frames.add(img);

if( frames.size() > maxFrames) {
frames.remove(0);
}

}

</source>
----

=== ''Sound Processing - Interactive'' ===

[[File:Parkhöhle.png]]

<source lang="java">

import ddf.minim.*;
Minim minim;

int n = 8;
int idx;

AudioPlayer[] players = new AudioPlayer[n];

int[][] locations = {
{307, 234, 10}, //1
{425, 222, 10}, //2
{377, 305, 10}, //3
{426, 383, 10}, //4
{552, 224, 10}, //5
{552, 385, 10}, //6
{661, 420, 10}, //7
{560, 310, 10}, //8

};

int activeLocation = -1;

PImage img;

void setup() {

size(800, 600);

minim = new Minim(this);

img = loadImage("parkhöhle.jpg");

for (int i = 0; i < n; i++) {
players[i] = minim.loadFile(“test-" + (i + 1) + ".mp3");

}
}

void draw() {

image(img, 0, 0);
fill(255, 150);
noStroke();

activeLocation = -1;

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);
fill(250, 0);

}
}
}

boolean atLocation(int x, int y, int r) {
return mouseX > (x - r) && mouseX < (x + r) && mouseY > (y - r) && mouseY < (y + r);
}

void mousePressed() {

if(activeLocation != -1) {

for (int i = 0; i < n; i++) {
players[i].pause();}

println("Sound number " + (activeLocation + 1));
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();
}
}

void keyPressed() {

println(pmouseX, pmouseY);
}

</source>

----

=== My Final Project ===

For my final project I wanted to explore the world of sound processing. I started to experiment with the visualization of sound (beat detection).And I got more and more interessted into this topic. The semester break gave me the final inspiration for my project. I created an interactive map which shows some clubs in Berlin. With this map you can find the perfect club for you and your music taste. I think that there has never been a map like this. It could be really helpful and people should start to develope those kind of maps for metropolises like Berlin, London or NewYork.

[https://vimeo.com/161019179 Part 1 - Interactive Club Map]

Code:

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

import camera3D.*;
import camera3D.generators.*;
import camera3D.generators.util.*;

Minim minim;

PImage img;
PImage img1;

PFont font;
PFont font1;

int n = 19;
int idx;

AudioPlayer song;
BeatDetect beat;

AudioPlayer[] players = new AudioPlayer[n];

float eRadius;

int[][] locations = {

{545, 276, 10}, //1 Humboldthain
{782, 470, 10}, //2 Berghain
{734, 480, 10}, //3 Tresor
{735, 509, 10}, //4 RitterButzke
{891, 669, 10}, //5 Grießmühle
{945, 589, 10}, //6 WildeRenate
{568, 270, 10}, //7 Brunnen70
{673, 278, 10}, //8 AlteKantine
{422, 370, 10}, //9 Metaxabay
{139, 394, 10}, //10 MiSalsa
{93, 437, 10}, //11 Goldelse
{574, 508, 10}, //12 Werk9
{645, 343, 10}, //13 Sophienclub
{573, 532, 10}, //14 Gretchen
{261, 496, 10}, //15 Quasimodo
{203, 456, 10}, //16 A-Trane
{746, 440, 10}, //17 GoldenGate
{526, 373, 10}, //18 BarTausend
{707, 397, 10}, //19 HouseOfWeekend
};

int activeLocation = -1;

void setup() {

minim = new Minim(this);

size(1000, 750);

img = loadImage("map2.jpg");
img.resize(1000, 750);
img1 = loadImage("map1.png");
img1.resize(631, 92);

font = loadFont("DejaVuSansCondensed-Bold-60.vlw");
font1 = loadFont("DejaVuSans-ExtraLight-20.vlw");

for (int i = 0; i < n; i++) {
players[i] = minim.loadFile("club-" + (i + 1) + ".mp3");
}

beat = new BeatDetect();

rectMode(CORNER);
eRadius = 10;

}

void draw() {

background(img);
image(img1, 209, 100);

fill(255);
textFont(font, 60);
text("THE SOUND OF BERLIN", 50, 65);

fill(0, 24, 50, 70);
textFont(font, 60);
text("THE SOUND OF BERLIN", 50, 70, -10);

fill(255);
textFont(font1, 20);
text("find the stars and hear the sound of your favorite clubs", 190, 95);

println(pmouseX, pmouseY);

activeLocation = -1;
for(int i = 0; i < locations.length; i ++) {

int[] loc = locations[i];

int x1 = loc[0];
int y1 = loc[1];
int r = loc[2];

if(atLocation(x1, y1, r)) {

activeLocation = i;

star(x1, y1, 5, 10, 5);
fill(255);
noStroke();
players[i].play();
}
else {

players[i].pause();
}
}
}

void star(float x, float y, float radius1, float radius2, int npoints) {
float angle = TWO_PI / npoints;
float halfAngle = angle/2.0;
beginShape();
for (float a = 0; a < TWO_PI; a += angle) {
float sx = x + cos(a) * radius2;
float sy = y + sin(a) * radius2;
vertex(sx, sy);
sx = x + cos(a+halfAngle) * radius1;
sy = y + sin(a+halfAngle) * radius1;
vertex(sx, sy);
}
endShape(CLOSE);
}

boolean atLocation(int x, int y, int r) {

return mouseX > (x - r) && mouseX < (x + r) && mouseY > (y - r) && mouseY < (y + r);

}

void mousePressed() {

if(activeLocation != -1) {

for (int i = 0; i < n; i++) {
players[i].pause();
}
println("Sound number " + (activeLocation + 1));
players[activeLocation].rewind();
players[activeLocation].play();
}
}

</source>

GMU:Processing im Park/Josephine Jatzlau

2016-03-31T16:53:57Z

Josijtz: /* My Final Project */

==Josephine Jatzlau==

=== ''homework 1'' ===

[[File:Kolibri.gif]]

'''Kolibri'''
----

=== ''homework 2'' ===

[[File:Moon-collage.jpg]]

'''Moon'''

[[File:Moon-Collage2.jpg]]

'''Moon 2.0'''

----

=== ''homework 3'' ===

[[File:Grumpy.jpg]]

'''Grumpy Cat Fusion'''

----

=== ''Pixel Sorting'' ===

[[File:pxl-old.png |thumb|left|400px]]

=== ''Video Delay'' ===

[https://vimeo.com/152994562 BeeGees Video Delay]

<source lang="java">

import processing.video.*;

Movie myMovie;

int maxFrames;

int d = 4;

boolean recording = false;

ArrayList frames = new ArrayList();

void setup() {
size(1280, 720);
maxFrames = width / d;

myMovie = new Movie(this, "NightFever.mp4");
myMovie.loop();

PImage img = createImage(width, height, RGB);
frames.add(img);
}

void draw() {
int n = frames.size();

image(myMovie, 0, 0);

// iterate over vertical strips
for(int i = 0; i < n; i++) {

// get snip from the frame
PImage img = (PImage) frames.get(i);

// x coordinate for the left side of the current strip
int x1 = int(map(i, 0, n-1, 0, width/2 - 100));
int y1 = int(map(i, 0, n-1, 0, height/2 - 100));

int x2 = width - x1;
int y2 = height - y1;

int w = x2 - y1;
int h = y2 - y1;

PImage snip = img.get(x1, y1, w, h);

// show strip on screen
//tint(255, 50);
image(snip, x1, y1);

}

if(recording) {

saveFrame("frame/####.png");

// recording feedback
stroke(255, 0, 0);
noFill();
strokeWeight(5);
rect(0, 0, width, height);

}

}

void keyPressed() {
recording = !recording;
}

void movieEvent(Movie m) {
m.read();

PImage img = myMovie.get();

frames.add(img);

if( frames.size() > maxFrames) {
frames.remove(0);
}

}

</source>
----

=== ''Sound Processing - Interactive'' ===

[[File:Parkhöhle.png]]

<source lang="java">

import ddf.minim.*;

Minim minim;

int n = 8;
int idx;

AudioPlayer[] players = new AudioPlayer[n];

int[][] locations = {
{307, 234, 10}, //1
{425, 222, 10}, //2
{377, 305, 10}, //3
{426, 383, 10}, //4
{552, 224, 10}, //5
{552, 385, 10}, //6
{661, 420, 10}, //7
{560, 310, 10}, //8

};

int activeLocation = -1;

PImage img;

void setup() {

size(800, 600);

minim = new Minim(this);

img = loadImage("parkhöhle.jpg");

for (int i = 0; i < n; i++) {
players[i] = minim.loadFile(“test-" + (i + 1) + ".mp3");
}

}

void draw() {

image(img, 0, 0);
fill(255, 150);
noStroke();

activeLocation = -1;

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);
fill(250, 0);

}

}
}

boolean atLocation(int x, int y, int r) {
return mouseX > (x - r) && mouseX < (x + r) && mouseY > (y - r) && mouseY < (y + r);
}

void mousePressed() {

if(activeLocation != -1) {

for (int i = 0; i < n; i++) {
players[i].pause();
}

println("Sound number " + (activeLocation + 1));
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();
}

}

void keyPressed() {

println(pmouseX, pmouseY);

}

</source>

----

=== My Final Project ===

For my final project I wanted to explore the world of sound processing. I started to experiment with the visualization of sound (beat detection).And I got more and more interessted into this topic. The semester break gave me the final inspiration for my project. I created an interactive map which shows some clubs in Berlin. With this map you can find the perfect club for you and your music taste. I think that there has never been a map like this. It could be really helpful and people should start to develope those kind of maps for metropolises like Berlin, London or NewYork.

[https://vimeo.com/161019179 Part 1 - Interactive Club Map]

Code:

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

import camera3D.*;
import camera3D.generators.*;
import camera3D.generators.util.*;

Minim minim;

PImage img;
PImage img1;

PFont font;
PFont font1;

int n = 19;
int idx;

AudioPlayer song;
BeatDetect beat;

AudioPlayer[] players = new AudioPlayer[n];

float eRadius;

int[][] locations = {

{545, 276, 10}, //1 Humboldthain
{782, 470, 10}, //2 Berghain
{734, 480, 10}, //3 Tresor
{735, 509, 10}, //4 RitterButzke
{891, 669, 10}, //5 Grießmühle
{945, 589, 10}, //6 WildeRenate
{568, 270, 10}, //7 Brunnen70
{673, 278, 10}, //8 AlteKantine
{422, 370, 10}, //9 Metaxabay
{139, 394, 10}, //10 MiSalsa
{93, 437, 10}, //11 Goldelse
{574, 508, 10}, //12 Werk9
{645, 343, 10}, //13 Sophienclub
{573, 532, 10}, //14 Gretchen
{261, 496, 10}, //15 Quasimodo
{203, 456, 10}, //16 A-Trane
{746, 440, 10}, //17 GoldenGate
{526, 373, 10}, //18 BarTausend
{707, 397, 10}, //19 HouseOfWeekend
};

int activeLocation = -1;

void setup() {

minim = new Minim(this);

size(1000, 750);

img = loadImage("map2.jpg");
img.resize(1000, 750);
img1 = loadImage("map1.png");
img1.resize(631, 92);

font = loadFont("DejaVuSansCondensed-Bold-60.vlw");
font1 = loadFont("DejaVuSans-ExtraLight-20.vlw");

for (int i = 0; i < n; i++) {
players[i] = minim.loadFile("club-" + (i + 1) + ".mp3");
}

beat = new BeatDetect();

rectMode(CORNER);
eRadius = 10;

}

void draw() {

background(img);
image(img1, 209, 100);

fill(255);
textFont(font, 60);
text("THE SOUND OF BERLIN", 50, 65);

fill(0, 24, 50, 70);
textFont(font, 60);
text("THE SOUND OF BERLIN", 50, 70, -10);

fill(255);
textFont(font1, 20);
text("find the stars and hear the sound of your favorite clubs", 190, 95);

println(pmouseX, pmouseY);

activeLocation = -1;
for(int i = 0; i < locations.length; i ++) {

int[] loc = locations[i];

int x1 = loc[0];
int y1 = loc[1];
int r = loc[2];

if(atLocation(x1, y1, r)) {

activeLocation = i;

star(x1, y1, 5, 10, 5);
fill(255);
noStroke();
players[i].play();
}
else {

players[i].pause();
}
}
}

void star(float x, float y, float radius1, float radius2, int npoints) {
float angle = TWO_PI / npoints;
float halfAngle = angle/2.0;
beginShape();
for (float a = 0; a < TWO_PI; a += angle) {
float sx = x + cos(a) * radius2;
float sy = y + sin(a) * radius2;
vertex(sx, sy);
sx = x + cos(a+halfAngle) * radius1;
sy = y + sin(a+halfAngle) * radius1;
vertex(sx, sy);
}
endShape(CLOSE);
}

boolean atLocation(int x, int y, int r) {

return mouseX > (x - r) && mouseX < (x + r) && mouseY > (y - r) && mouseY < (y + r);

}

void mousePressed() {

if(activeLocation != -1) {

for (int i = 0; i < n; i++) {
players[i].pause();
}
println("Sound number " + (activeLocation + 1));
players[activeLocation].rewind();
players[activeLocation].play();
}
}

</source>

GMU:Processing im Park/Josephine Jatzlau

2016-03-31T16:51:17Z

Josijtz: /* My Final Project */

GMU:Processing im Park/Josephine Jatzlau

2016-03-31T11:33:31Z

Josijtz: /* Josephine Jatzlau */

GMU:Processing im Park/Josephine Jatzlau

2016-03-31T10:57:09Z

Josijtz: /* Sound Processing - Interactive */

GMU:Processing im Park/Josephine Jatzlau

2016-03-31T10:56:46Z

Josijtz: /* Video Delay */

GMU:Processing im Park/Josephine Jatzlau

2016-03-31T10:54:15Z

Josijtz: /* Josephine Jatzlau */

GMU:Processing im Park/Josephine Jatzlau

2016-02-21T13:29:16Z

Josijtz: /* Video Delay */

==Josephine Jatzlau==

=== ''homework 1'' ===

[[File:Kolibri.gif]]

'''Kolibri'''
----

''here is my first homework
didn't manage it to upload the code
''

=== ''homework 2'' ===

[[File:Moon-collage.jpg]]

'''Moon'''

[[File:Moon-Collage2.jpg]]

'''Moon 2.0'''

----

=== ''homework 3'' ===

[[File:Grumpy.jpg]]

'''Grumpy Cat Fusion'''

----

=== ''Pixel Sorting'' ===

[[File:pxl-old.png |thumb|left|400px]]

=== ''Video Delay'' ===

[https://vimeo.com/152994562 BeeGees Video Delay]

import processing.video.*;

Movie myMovie;

int maxFrames;

int d = 4;

boolean recording = false;

ArrayList frames = new ArrayList();

void setup() {
size(1280, 720);
maxFrames = width / d;

myMovie = new Movie(this, "NightFever.mp4");
myMovie.loop();

PImage img = createImage(width, height, RGB);
frames.add(img);
}

void draw() {
int n = frames.size();

image(myMovie, 0, 0);

// iterate over vertical strips
for(int i = 0; i < n; i++) {

// get snip from the frame
PImage img = (PImage) frames.get(i);

// x coordinate for the left side of the current strip
int x1 = int(map(i, 0, n-1, 0, width/2 - 100));
int y1 = int(map(i, 0, n-1, 0, height/2 - 100));

int x2 = width - x1;
int y2 = height - y1;

int w = x2 - y1;
int h = y2 - y1;

PImage snip = img.get(x1, y1, w, h);

// show strip on screen
//tint(255, 50);
image(snip, x1, y1);

}

if(recording) {

saveFrame("frame/####.png");

// recording feedback
stroke(255, 0, 0);
noFill();
strokeWeight(5);
rect(0, 0, width, height);

}

}

void keyPressed() {
recording = !recording;
}

void movieEvent(Movie m) {
m.read();

PImage img = myMovie.get();

frames.add(img);

if( frames.size() > maxFrames) {
frames.remove(0);
}

}

----

=== ''Sound Processing - Interactive'' ===

[[File:Parkhöhle.png]]

import ddf.minim.*;

Minim minim;

int n = 8;
int idx;

AudioPlayer[] players = new AudioPlayer[n];

int[][] locations = {
{307, 234, 10}, //1
{425, 222, 10}, //2
{377, 305, 10}, //3
{426, 383, 10}, //4
{552, 224, 10}, //5
{552, 385, 10}, //6
{661, 420, 10}, //7
{560, 310, 10}, //8

};

int activeLocation = -1;

PImage img;

void setup() {

size(800, 600);

minim = new Minim(this);

img = loadImage("parkhöhle.jpg");

for (int i = 0; i < n; i++) {
players[i] = minim.loadFile(“test-" + (i + 1) + ".mp3");
}

}

void draw() {

image(img, 0, 0);
fill(255, 150);
noStroke();

activeLocation = -1;

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);
fill(250, 0);

}

}
}

boolean atLocation(int x, int y, int r) {
return mouseX > (x - r) && mouseX < (x + r) && mouseY > (y - r) && mouseY < (y + r);
}

void mousePressed() {

if(activeLocation != -1) {

for (int i = 0; i < n; i++) {
players[i].pause();
}

println("Sound number " + (activeLocation + 1));
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();
}

}

void keyPressed() {

println(pmouseX, pmouseY);

}

GMU:Processing im Park/Josephine Jatzlau

2016-01-25T19:09:23Z

Josijtz: /* Sound Processing - Interactive */

==Josephine Jatzlau==

=== ''homework 1'' ===

[[File:Kolibri.gif]]

'''Kolibri'''
----

''here is my first homework
didn't manage it to upload the code
''

=== ''homework 2'' ===

[[File:Moon-collage.jpg]]

'''Moon'''

[[File:Moon-Collage2.jpg]]

'''Moon 2.0'''

----

=== ''homework 3'' ===

[[File:Grumpy.jpg]]

'''Grumpy Cat Fusion'''

----

=== ''Pixel Sorting'' ===

[[File:pxl-old.png |thumb|left|400px]]

=== ''Video Delay'' ===

[https://vimeo.com/152994562 BeeGees Video Delay]

//
import processing.video.*;
Movie myMovie;
int maxFrames;
int d = 4;
boolean recording = false;
ArrayList frames = new ArrayList();

void setup() {
size(1280, 720);
maxFrames = width / d;

myMovie = new Movie(this, "NightFever.mp4");
myMovie.loop();

PImage img = createImage(width, height, RGB);
frames.add(img);
}

void draw() {
int n = frames.size();

image(myMovie, 0, 0);

// iterate over vertical strips
for(int i = 0; i < n; i++) {

// get snip from the frame
PImage img = (PImage) frames.get(i);

// x coordinate for the left side of the current strip
int x1 = int(map(i, 0, n-1, 0, width/2 - 100));
int y1 = int(map(i, 0, n-1, 0, height/2 - 100));

int x2 = width - x1;
int y2 = height - y1;

int w = x2 - y1;
int h = y2 - y1;

PImage snip = img.get(x1, y1, w, h);

// show strip on screen
//tint(255, 50);
image(snip, x1, y1);

}

if(recording) {

saveFrame("frame/####.png");

// recording feedback
stroke(255, 0, 0);
noFill();
strokeWeight(5);
rect(0, 0, width, height);

}

}

void keyPressed() {
recording = !recording;
}

void movieEvent(Movie m) {
m.read();

PImage img = myMovie.get();

frames.add(img);

if( frames.size() > maxFrames) {
frames.remove(0);
}

}

----

=== ''Sound Processing - Interactive'' ===

[[File:Parkhöhle.png]]

import ddf.minim.*;

Minim minim;

int n = 8;
int idx;

AudioPlayer[] players = new AudioPlayer[n];

int[][] locations = {
{307, 234, 10}, //1
{425, 222, 10}, //2
{377, 305, 10}, //3
{426, 383, 10}, //4
{552, 224, 10}, //5
{552, 385, 10}, //6
{661, 420, 10}, //7
{560, 310, 10}, //8

};

int activeLocation = -1;

PImage img;

void setup() {

size(800, 600);

minim = new Minim(this);

img = loadImage("parkhöhle.jpg");

for (int i = 0; i < n; i++) {
players[i] = minim.loadFile(“test-" + (i + 1) + ".mp3");
}

}

void draw() {

image(img, 0, 0);
fill(255, 150);
noStroke();

activeLocation = -1;

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);
fill(250, 0);

}

}
}

boolean atLocation(int x, int y, int r) {
return mouseX > (x - r) && mouseX < (x + r) && mouseY > (y - r) && mouseY < (y + r);
}

void mousePressed() {

if(activeLocation != -1) {

for (int i = 0; i < n; i++) {
players[i].pause();
}

println("Sound number " + (activeLocation + 1));
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();
}

}

void keyPressed() {

println(pmouseX, pmouseY);

}

File:Parkhöhle.png

2016-01-25T19:08:48Z

Josijtz:

== Summary ==

== Copyright status: ==

== Source: ==

GMU:Processing im Park/Josephine Jatzlau

2016-01-25T19:05:23Z

Josijtz: /* Sound Processing - Interactive */

==Josephine Jatzlau==

=== ''homework 1'' ===

[[File:Kolibri.gif]]

'''Kolibri'''
----

''here is my first homework
didn't manage it to upload the code
''

=== ''homework 2'' ===

[[File:Moon-collage.jpg]]

'''Moon'''

[[File:Moon-Collage2.jpg]]

'''Moon 2.0'''

----

=== ''homework 3'' ===

[[File:Grumpy.jpg]]

'''Grumpy Cat Fusion'''

----

=== ''Pixel Sorting'' ===

[[File:pxl-old.png |thumb|left|400px]]

=== ''Video Delay'' ===

[https://vimeo.com/152994562 BeeGees Video Delay]

//
import processing.video.*;
Movie myMovie;
int maxFrames;
int d = 4;
boolean recording = false;
ArrayList frames = new ArrayList();

void setup() {
size(1280, 720);
maxFrames = width / d;

myMovie = new Movie(this, "NightFever.mp4");
myMovie.loop();

PImage img = createImage(width, height, RGB);
frames.add(img);
}

void draw() {
int n = frames.size();

image(myMovie, 0, 0);

// iterate over vertical strips
for(int i = 0; i < n; i++) {

// get snip from the frame
PImage img = (PImage) frames.get(i);

// x coordinate for the left side of the current strip
int x1 = int(map(i, 0, n-1, 0, width/2 - 100));
int y1 = int(map(i, 0, n-1, 0, height/2 - 100));

int x2 = width - x1;
int y2 = height - y1;

int w = x2 - y1;
int h = y2 - y1;

PImage snip = img.get(x1, y1, w, h);

// show strip on screen
//tint(255, 50);
image(snip, x1, y1);

}

if(recording) {

saveFrame("frame/####.png");

// recording feedback
stroke(255, 0, 0);
noFill();
strokeWeight(5);
rect(0, 0, width, height);

}

}

void keyPressed() {
recording = !recording;
}

void movieEvent(Movie m) {
m.read();

PImage img = myMovie.get();

frames.add(img);

if( frames.size() > maxFrames) {
frames.remove(0);
}

}

----

=== ''Sound Processing - Interactive'' ===

[[File:Parkhöhle-1.png]]

import ddf.minim.*;

Minim minim;

int n = 8;
int idx;

AudioPlayer[] players = new AudioPlayer[n];

int[][] locations = {
{307, 234, 10}, //1
{425, 222, 10}, //2
{377, 305, 10}, //3
{426, 383, 10}, //4
{552, 224, 10}, //5
{552, 385, 10}, //6
{661, 420, 10}, //7
{560, 310, 10}, //8

};

int activeLocation = -1;

PImage img;

void setup() {

size(800, 600);

minim = new Minim(this);

img = loadImage("parkhöhle.jpg");

for (int i = 0; i < n; i++) {
players[i] = minim.loadFile(“test-" + (i + 1) + ".mp3");
}

}

void draw() {

image(img, 0, 0);
fill(255, 150);
noStroke();

activeLocation = -1;

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);
fill(250, 0);

}

}
}

boolean atLocation(int x, int y, int r) {
return mouseX > (x - r) && mouseX < (x + r) && mouseY > (y - r) && mouseY < (y + r);
}

void mousePressed() {

if(activeLocation != -1) {

for (int i = 0; i < n; i++) {
players[i].pause();
}

println("Sound number " + (activeLocation + 1));
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();
}

}

void keyPressed() {

println(pmouseX, pmouseY);

}

File:Parkhöhle-1.png

2016-01-25T19:00:20Z

Josijtz:

== Summary ==

== Copyright status: ==

== Licensing ==
{{self|c}}
== Source: ==

GMU:Processing im Park/Josephine Jatzlau

2016-01-25T18:58:20Z

Josijtz: /* Josephine Jatzlau */

==Josephine Jatzlau==

=== ''homework 1'' ===

[[File:Kolibri.gif]]

'''Kolibri'''
----

''here is my first homework
didn't manage it to upload the code
''

=== ''homework 2'' ===

[[File:Moon-collage.jpg]]

'''Moon'''

[[File:Moon-Collage2.jpg]]

'''Moon 2.0'''

----

=== ''homework 3'' ===

[[File:Grumpy.jpg]]

'''Grumpy Cat Fusion'''

----

=== ''Pixel Sorting'' ===

[[File:pxl-old.png |thumb|left|400px]]

=== ''Video Delay'' ===

[https://vimeo.com/152994562 BeeGees Video Delay]

//
import processing.video.*;
Movie myMovie;
int maxFrames;
int d = 4;
boolean recording = false;
ArrayList frames = new ArrayList();

void setup() {
size(1280, 720);
maxFrames = width / d;

myMovie = new Movie(this, "NightFever.mp4");
myMovie.loop();

PImage img = createImage(width, height, RGB);
frames.add(img);
}

void draw() {
int n = frames.size();

image(myMovie, 0, 0);

// iterate over vertical strips
for(int i = 0; i < n; i++) {

// get snip from the frame
PImage img = (PImage) frames.get(i);

// x coordinate for the left side of the current strip
int x1 = int(map(i, 0, n-1, 0, width/2 - 100));
int y1 = int(map(i, 0, n-1, 0, height/2 - 100));

int x2 = width - x1;
int y2 = height - y1;

int w = x2 - y1;
int h = y2 - y1;

PImage snip = img.get(x1, y1, w, h);

// show strip on screen
//tint(255, 50);
image(snip, x1, y1);

}

if(recording) {

saveFrame("frame/####.png");

// recording feedback
stroke(255, 0, 0);
noFill();
strokeWeight(5);
rect(0, 0, width, height);

}

}

void keyPressed() {
recording = !recording;
}

void movieEvent(Movie m) {
m.read();

PImage img = myMovie.get();

frames.add(img);

if( frames.size() > maxFrames) {
frames.remove(0);
}

}

----

=== ''Sound Processing - Interactive'' ===

import ddf.minim.*;

Minim minim;

int n = 8;
int idx;

AudioPlayer[] players = new AudioPlayer[n];

int[][] locations = {
{307, 234, 10}, //1
{425, 222, 10}, //2
{377, 305, 10}, //3
{426, 383, 10}, //4
{552, 224, 10}, //5
{552, 385, 10}, //6
{661, 420, 10}, //7
{560, 310, 10}, //8

};

int activeLocation = -1;

PImage img;

void setup() {

size(800, 600);

minim = new Minim(this);

img = loadImage("parkhöhle.jpg");

for (int i = 0; i < n; i++) {
players[i] = minim.loadFile(“test-" + (i + 1) + ".mp3");
}

}

void draw() {

image(img, 0, 0);
fill(255, 150);
noStroke();

activeLocation = -1;

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);
fill(250, 0);

}

}
}

boolean atLocation(int x, int y, int r) {
return mouseX > (x - r) && mouseX < (x + r) && mouseY > (y - r) && mouseY < (y + r);
}

void mousePressed() {

if(activeLocation != -1) {

for (int i = 0; i < n; i++) {
players[i].pause();
}

println("Sound number " + (activeLocation + 1));
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();
}

}

void keyPressed() {

println(pmouseX, pmouseY);

}

GMU:Processing im Park/Josephine Jatzlau

2016-01-25T17:18:34Z

Josijtz: /* Josephine Jatzlau */

GMU:Processing im Park/Josephine Jatzlau

2016-01-25T17:17:49Z

Josijtz: /* Video Delay */

GMU:Processing im Park/Josephine Jatzlau

2016-01-25T17:09:35Z

Josijtz: /* Pixel Sorting */

GMU:Processing im Park/Josephine Jatzlau

2016-01-25T17:09:08Z

Josijtz: /* Josephine Jatzlau */

GMU:Processing im Park/Josephine Jatzlau

2016-01-25T17:08:16Z

Josijtz: /* Video Delay */

==Josephine Jatzlau==

=== ''homework 1'' ===
----

[[File:Kolibri.gif]]

'''Kolibri'''
----

''here is my first homework
didn't manage it to upload the code
''

=== ''homework 2'' ===
----

[[File:Moon-collage.jpg]]

'''Moon'''

----

[[File:Moon-Collage2.jpg]]

'''Moon 2.0'''

----

=== ''homework 3'' ===
----

[[File:Grumpy.jpg]]

'''Grumpy Cat Fusion'''

----

=== ''Pixel Sorting'' ===

----

[[File:pxl-old.png |thumb|left|400px]]

=== ''Video Delay'' ===

[https://vimeo.com/152994562 BeeGees Video Delay]

GMU:Processing im Park/Josephine Jatzlau

2016-01-25T17:07:58Z

Josijtz: /* Pixel Sorting */

==Josephine Jatzlau==

=== ''homework 1'' ===
----

[[File:Kolibri.gif]]

'''Kolibri'''
----

''here is my first homework
didn't manage it to upload the code
''

=== ''homework 2'' ===
----

[[File:Moon-collage.jpg]]

'''Moon'''

----

[[File:Moon-Collage2.jpg]]

'''Moon 2.0'''

----

=== ''homework 3'' ===
----

[[File:Grumpy.jpg]]

'''Grumpy Cat Fusion'''

----

=== ''Pixel Sorting'' ===

----

[[File:pxl-old.png |thumb|left|400px]]

== ''Video Delay'' ==

[https://vimeo.com/152994562 BeeGees Video Delay]

GMU:Processing im Park/Josephine Jatzlau

2016-01-25T17:07:38Z

Josijtz: /* Video Delay */

==Josephine Jatzlau==

=== ''homework 1'' ===
----

[[File:Kolibri.gif]]

'''Kolibri'''
----

''here is my first homework
didn't manage it to upload the code
''

=== ''homework 2'' ===
----

[[File:Moon-collage.jpg]]

'''Moon'''

----

[[File:Moon-Collage2.jpg]]

'''Moon 2.0'''

----

=== ''homework 3'' ===
----

[[File:Grumpy.jpg]]

'''Grumpy Cat Fusion'''

----

=== ''Pixel Sorting'' ===

[[File:pxl-old.png |thumb|left|400px]]

----

== ''Video Delay'' ==

[https://vimeo.com/152994562 BeeGees Video Delay]

GMU:Processing im Park/Josephine Jatzlau

2016-01-25T17:07:24Z

Josijtz: /* Pixel Sorting */

==Josephine Jatzlau==

=== ''homework 1'' ===
----

[[File:Kolibri.gif]]

'''Kolibri'''
----

''here is my first homework
didn't manage it to upload the code
''

=== ''homework 2'' ===
----

[[File:Moon-collage.jpg]]

'''Moon'''

----

[[File:Moon-Collage2.jpg]]

'''Moon 2.0'''

----

=== ''homework 3'' ===
----

[[File:Grumpy.jpg]]

'''Grumpy Cat Fusion'''

----

=== ''Pixel Sorting'' ===

[[File:pxl-old.png |thumb|left|400px]]

----

=== ''Video Delay'' ===

[https://vimeo.com/152994562 BeeGees Video Delay]

GMU:Processing im Park/Josephine Jatzlau

2016-01-25T17:07:06Z

Josijtz: /* Video Delay */

==Josephine Jatzlau==

=== ''homework 1'' ===
----

[[File:Kolibri.gif]]

'''Kolibri'''
----

''here is my first homework
didn't manage it to upload the code
''

=== ''homework 2'' ===
----

[[File:Moon-collage.jpg]]

'''Moon'''

----

[[File:Moon-Collage2.jpg]]

'''Moon 2.0'''

----

=== ''homework 3'' ===
----

[[File:Grumpy.jpg]]

'''Grumpy Cat Fusion'''

----

=== ''Pixel Sorting'' ===

[[File:pxl-old.png |thumb|left|400px]]

=== ''Video Delay'' ===

[https://vimeo.com/152994562 BeeGees Video Delay]

GMU:Processing im Park/Josephine Jatzlau

2016-01-25T17:06:49Z

Josijtz: /* Video Delay */

==Josephine Jatzlau==

=== ''homework 1'' ===
----

[[File:Kolibri.gif]]

'''Kolibri'''
----

''here is my first homework
didn't manage it to upload the code
''

=== ''homework 2'' ===
----

[[File:Moon-collage.jpg]]

'''Moon'''

----

[[File:Moon-Collage2.jpg]]

'''Moon 2.0'''

----

=== ''homework 3'' ===
----

[[File:Grumpy.jpg]]

'''Grumpy Cat Fusion'''

----

=== ''Pixel Sorting'' ===

[[File:pxl-old.png |thumb|left|400px]]

=== ''Video Delay'' ===

[https://vimeo.com/152994562 BeeGees Video Delay]

GMU:Processing im Park/Josephine Jatzlau

2016-01-25T17:06:28Z

Josijtz: /* Video Delay */

==Josephine Jatzlau==

=== ''homework 1'' ===
----

[[File:Kolibri.gif]]

'''Kolibri'''
----

''here is my first homework
didn't manage it to upload the code
''

=== ''homework 2'' ===
----

[[File:Moon-collage.jpg]]

'''Moon'''

----

[[File:Moon-Collage2.jpg]]

'''Moon 2.0'''

----

=== ''homework 3'' ===
----

[[File:Grumpy.jpg]]

'''Grumpy Cat Fusion'''

----

=== ''Pixel Sorting'' ===

[[File:pxl-old.png |thumb|left|400px]]

== ''Video Delay'' ==

[https://vimeo.com/152994562 BeeGees Video Delay]

GMU:Processing im Park/Josephine Jatzlau

2016-01-25T17:06:12Z

Josijtz: /* Video Delay */

==Josephine Jatzlau==

=== ''homework 1'' ===
----

[[File:Kolibri.gif]]

'''Kolibri'''
----

''here is my first homework
didn't manage it to upload the code
''

=== ''homework 2'' ===
----

[[File:Moon-collage.jpg]]

'''Moon'''

----

[[File:Moon-Collage2.jpg]]

'''Moon 2.0'''

----

=== ''homework 3'' ===
----

[[File:Grumpy.jpg]]

'''Grumpy Cat Fusion'''

----

=== ''Pixel Sorting'' ===

[[File:pxl-old.png |thumb|left|400px]]

== ''Video Delay'' ==

[https://vimeo.com/152994562 BeeGees Video Delay]

GMU:Processing im Park/Josephine Jatzlau

2016-01-25T17:05:55Z

Josijtz: /* Video Delay */

==Josephine Jatzlau==

=== ''homework 1'' ===
----

[[File:Kolibri.gif]]

'''Kolibri'''
----

''here is my first homework
didn't manage it to upload the code
''

=== ''homework 2'' ===
----

[[File:Moon-collage.jpg]]

'''Moon'''

----

[[File:Moon-Collage2.jpg]]

'''Moon 2.0'''

----

=== ''homework 3'' ===
----

[[File:Grumpy.jpg]]

'''Grumpy Cat Fusion'''

----

=== ''Pixel Sorting'' ===

[[File:pxl-old.png |thumb|left|400px]]

== ''Video Delay'' ==

[https://vimeo.com/152994562 BeeGees Video Delay]

GMU:Processing im Park/Josephine Jatzlau

2016-01-25T17:05:44Z

Josijtz: /* Josephine Jatzlau */

==Josephine Jatzlau==

=== ''homework 1'' ===
----

[[File:Kolibri.gif]]

'''Kolibri'''
----

''here is my first homework
didn't manage it to upload the code
''

=== ''homework 2'' ===
----

[[File:Moon-collage.jpg]]

'''Moon'''

----

[[File:Moon-Collage2.jpg]]

'''Moon 2.0'''

----

=== ''homework 3'' ===
----

[[File:Grumpy.jpg]]

'''Grumpy Cat Fusion'''

----

=== ''Pixel Sorting'' ===

[[File:pxl-old.png |thumb|left|400px]]

== ''Video Delay'' ==

[https://vimeo.com/152994562 BeeGees Video Delay]

GMU:Processing im Park/Josephine Jatzlau

2016-01-21T15:14:51Z

Josijtz: /* Josephine Jatzlau */

==Josephine Jatzlau==

=== ''homework 1'' ===
----

[[File:Kolibri.gif]]

'''Kolibri'''
----

''here is my first homework
didn't manage it to upload the code
''

=== ''homework 2'' ===
----

[[File:Moon-collage.jpg]]

'''Moon'''

----

[[File:Moon-Collage2.jpg]]

'''Moon 2.0'''

----

=== ''homework 3'' ===
----

[[File:Grumpy.jpg]]

'''Grumpy Cat Fusion'''

----

=== ''pixel sorting'' ===

[[File:pxl-old.png |thumb|left|400px]]

File:Pxl-old.png

2016-01-21T15:07:40Z

Josijtz: /* Copyright status: */

== Summary ==

== Copyright by Uploader: ==

== Source: ==

File:Pxl-old.png

2016-01-21T15:07:09Z

Josijtz:

== Summary ==

== Copyright status: ==

== Source: ==

File:Pixel-sorting-old.jpg

2016-01-21T15:00:35Z

Josijtz:

== Summary ==

== Copyright status: ==

== Licensing ==
{{self|c}}
== Source: ==

File:Pxl-sorting.jpg

2016-01-21T14:56:59Z

Josijtz:

== Summary ==

== Copyright status: ==

== Licensing ==
{{self|c}}
== Source: ==

GMU:Processing im Park/Josephine Jatzlau

2015-12-17T20:54:46Z

Josijtz: /* homework 2 */

==Josephine Jatzlau==

=== ''homework 1'' ===
----

[[File:Kolibri.gif]]

'''Kolibri'''
----

''here is my first homework
didn't manage it to upload the code
''

=== ''homework 2'' ===
----

[[File:Moon-collage.jpg]]

'''Moon'''

''it's a little bit too big..soorrey''

----

[[File:Moon-Collage2.jpg]]

'''Moon 2.0'''

----

=== ''homework 3'' ===
----

[[File:Grumpy.jpg]]

'''Grumpy Cat Fusion'''

----

File:Moon-collage.jpg

2015-12-17T20:54:12Z

Josijtz:

== Summary ==

== Copyright status: ==

== Source: ==

GMU:Processing im Park/Josephine Jatzlau

2015-12-17T20:49:10Z

Josijtz: /* homework 3 */

==Josephine Jatzlau==

=== ''homework 1'' ===
----

[[File:Kolibri.gif]]

'''Kolibri'''
----

''here is my first homework
didn't manage it to upload the code
''

=== ''homework 2'' ===
----

[[File:Moon-Collage.jpg]]

'''Moon'''

''it's a little bit too big..soorrey''

----

[[File:Moon-Collage2.jpg]]

'''Moon 2.0'''

----

=== ''homework 3'' ===
----

[[File:Grumpy.jpg]]

'''Grumpy Cat Fusion'''

----

File:Grumpy.jpg

2015-12-17T20:47:58Z

Josijtz:

== Summary ==

== Copyright status: ==

== Source: ==

GMU:Processing im Park/Josephine Jatzlau

2015-12-17T20:19:32Z

Josijtz: /* homework 2 */

GMU:Processing im Park/Josephine Jatzlau

2015-12-17T20:18:47Z

Josijtz: /* homework 2 */

==Josephine Jatzlau==

=== ''homework 1'' ===
----

[[File:Kolibri.gif]]

'''Kolibri'''
----

''here is my first homework
didn't manage it to upload the code
''

=== ''homework 2'' ===
----

[[File:Moon-Collage.jpg]]

'''Moon'''

----

''it's a little bit too big..soorrey''

----

[[File:Moon-Collage2.jpg]]
'''
Moon 2.0'''

----

=== ''homework 3'' ===
----

File:Moon-Collage2.jpg

2015-12-17T20:17:10Z

Josijtz:

== Summary ==

== Copyright status: ==

== Source: ==

GMU:Processing im Park/Josephine Jatzlau

2015-12-17T20:08:24Z

Josijtz: /* homework 2 */

File:Moon-Collage.jpg

2015-12-17T20:05:20Z

Josijtz:

== Summary ==

== Copyright status: ==

== Source: ==

GMU:Processing im Park/Josephine Jatzlau

2015-12-17T20:01:38Z

Josijtz: /* homework 1 */

File:Kolibri.gif

2015-12-17T19:57:56Z

Josijtz:

== Summary ==

== Copyright status: ==

== Licensing ==
{{self|c}}
== Source: ==

GMU:Processing im Park/Josephine Jatzlau

2015-12-17T19:18:07Z

Josijtz: /* homework 1 */

==Josephine Jatzlau==

=== ''homework 1'' ===
----

=== ''homework 2'' ===
----

=== ''homework 3'' ===
----

User:Josijtz

2015-12-15T19:40:48Z

Josijtz: /* Hello from the other side! */

== ''Hello from the other side!'' ==

[[File:JosiJtz-Selbstportrait.png|300px]]

* Josephine Jatzlau
* Medienwissenschaft(B.A.)
* Photography

----

follow me on:
[https://www.instagram.com/josephinejtz/ |Instagram]
[https://wthblck.wordpress.com/ | Wordpress]

GMU:Processing im Park

2015-12-03T14:55:29Z

Josijtz: /* 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]]
* [[/Regine Elbers|Regine Elbers]]
* [[/Tim Vischer |Tim Vischer]]
* [[/Maike Effenberg|Maike Effenberg]]
* [[/Sina Stolp|Sina Stolp]]
* [[/Josephine Jatzlau|Josephine Jatzlau]]

== 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]]