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

GMU:Processing im Park/Dirk Wäsch (view source)

Revision as of 10:26, 28 January 2016

1,579 bytes added , 28 January 2016

→‎Proccesing - Workshop-Wochenende II - Video & Sound

Cive4563

344

edits

@@ Line 503: / Line 503: @@
 Fotos bei der Mensa am Park: [https://www.flickr.com/photos/137226701@N06/albums/72157663612224255 Bild-Uploads auf Flickr]
+* Pixel Sorting
+Sortierung der Pixel nach Farbton
+<br style="clear:both;">
+[[Image:sorting.jpg|thumb|left|250px]]
+<br style="clear:both;">
+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>