|
|
| Line 1: |
Line 1: |
| ==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>
| |
