GMU:Processing im Park/Dirk Wäsch: Difference between revisions

Revision as of 11:21, 28 January 2016

Dirk Wäsch

Meine Seite zum Kurs "Processing im Park".

Ausflug - Ilmpark

Fotos im Ilmpark: Bild-Uploads auf Flickr

Hausaufgabe I

Diese Fotos haben wir zunächst als Slideshow animiert.

Beispiel in ProcessingJS

Processing v3.0.0 Quellcode

Hausaufgabe II

Image-Slicer

Processing v3.0.0 Quellcode

Hausaufgabe III

Animierter Mauszeiger

Processing v3.0.0 Quellcode

Ausflug - Schlosspark Belvedere

Fotos und Videos im Schlosspark Belverdere: Bild- & Video-Uploads auf Flickr

Hausaufgabe IV

Pixel

Inhalt folgt später.

Proccesing - Workshop-Wochenende I - Video & Sound

Sounds aus der Parkhöhle:

Ventilation: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park1.mp3</flashmp3>
Seismische Kammer: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park2.mp3</flashmp3>
Automatische Tür: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park3.mp3</flashmp3>

Hausaufgabe V

Soundboard

Beim Spazieren durch die Weimarer Parkhöhle

Processing v2.1.1 Quellcode

Proccesing - Workshop-Wochenende II - Video & Sound

Fotos bei der Mensa am Park: Bild-Uploads auf Flickr

Pixel Sorting

Sortierung der Pixel nach Farbton

Processing v3.0.1 Quellcode

Hausaufgabe VI

Video-Processing

Beim Spazieren im Schlosspark Belvedere habe ich meine Füße gefilmt, wie sie sich auf dem verschiedenen Untergrund bewegen.
VIDEO

Processing v2.1.1 Quellcode

Hausaufgabe VII

Butterfly-Webcam

Die Kamera wird in der Mitte gespiegelt
VIDEO

Processing v2.1.1 Quellcode

Hausaufgabe VIII

Labyrinth

Wie man aus dem Labyrinth entkommt.
VIDEO

Processing v3.0.1 Quellcode

@@ Line 191: / Line 191: @@
 <br style="clear:both;">
+[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Workshop_II Processing v3.0.1 Quellcode]
-Processing v3.0.1 Quellcode:
-<br>
-<source lang="java">
-PImage img;
-int d = 50;
-PImage[] tiles;
-int rows, cols, n;
-void setup() {
-  size(1000, 500);
-  img = loadImage("https://c2.staticflickr.com/2/1449/24331989911_1044424084_k.jpg");
-  cols = (img.width/d);
-  rows = (img.height/d);
-  n = cols * rows;
-  tiles = new PImage[n];
-  for (int i = 0; i < n; i++) {
-    int x = d * (i % cols);
-    int y = d * (i / cols);
-    tiles[i] = img.get(x, y, d, d);
-  }
-}
-void draw() {
-   sort(tiles);
-   // show tiles
-   for(int i = 0; i < n; i++) {
-     PImage tile = tiles[i];
-     int y = d * (i / cols);
-     int x = d * (i % cols);
-     image(tile, x, y, d, d);
-   }
-}
-void sort(PImage[] tiles) {
-  for(int y = 0; y < rows; y++) {
-    for(int x = 0; x < cols-1; x++) {
-      int pos1 = y * cols + x;
-      int pos2 = y * cols + (x+1);
-      PImage tile1 = tiles[pos1];
-      PImage tile2 = tiles[pos2];
-      if( hue(average(tile1)) - hue(average(tile2)) > mouseX ) {
-        PImage tmptile = tiles[pos1];
-        tiles[pos1] = tiles[pos2];
-        tiles[pos2] = tmptile;
-      }
-    }
-  }
-}
-color average(PImage img) {
-  img.loadPixels();
-  color[] pxls = img.pixels;
-  float r = 0, g = 0, b = 0;
-  int n = pxls.length;
-  for(int i = 0; i < n; i++) {
-    color c = pxls[i];
-    r += red(c);
-    g += green(c);
-    b += blue(c);
-  }
-  color average = color(r/n, g/n, b/n);
-  return average;
-}
-</source><br>
 == Hausaufgabe VI ==