adjust gui and rotate matrix

Author: faltastic

GUI.pde

@@ -31,23 +31,64 @@ public class ControlFrame extends PApplet {
     background(0);
     List l = java.util.Arrays.asList(photoSets);
     cp5 = new ControlP5(this);
-
-    cp5.addBang("reload")
-      .setLabel("REload").setPosition(20, 60).setSize(40, 20);
-
+    
+    int y=0;
+    y+=20;
+    
     cp5.addToggle("PLAY")
       .plugTo(parent, "play")
-        .setPosition(20, 20).setSize(w-40, 20);
+        .setPosition(20, y).setSize(w/2 -25, 20);
+    
+    cp5.addBang("reload")
+      .setLabel("REload").setPosition(w/2, y).setSize(w/2-25, 20);
+    
+    
+    y+=50;
 
+    cp5.addToggle("PauseFlip")
+      .plugTo(parent, "pauseFlip")
+        .setLabel("No Flip")
+           .setPosition(20, y).setSize(40, 20); 
+    cp5.addBang("nextImage")
+      .setLabel("next image")
+        .setPosition(w/2, y)
+          .setSize(w/2-25, 20);
+          
+    
+    
+    y+=50;
+    
     cp5.addToggle("Wrap")
       .plugTo(parent, "wrap")
         .setState(true)
-          .setPosition(w/2, 60).setSize(40, 20);
+          .setPosition(w/2, y).setSize(w/3, 20);
+    cp5.addToggle("Sort Flip")
+      .plugTo(parent, "logic")
+        .setPosition(20, y).setSize(w/3, 20)
+          .setMode(ControlP5.SWITCH);      
+          
+    
+    
+    y+=60;
+    text("Mode", 20, y);
+    y+=10;
+    cp5.addRadioButton("changeMode")
+      .setPosition(20, y).setSize(30, 20)
+        .setColorLabel(color(255))
+          .setItemsPerRow(3)
+            .setSpacingColumn(30)
 
-    text("Sort Matrix", 20, 120);
+              .addItem("A", 0).addItem("B", 1).addItem("C", 2)
+                .addItem("D", 3).addItem("E", 4).addItem("F", 5)
+                  .activate(2)
+                    ;
+    y+=60;
+    
+    text("Sort Matrix", 20, y);
+    y+=10;
     cp5.addCheckBox("sortMatrix")
       .setLabel("mode")
-        .setPosition(20, 130).setSize(40, 20)
+        .setPosition(20, y).setSize(40, 20)
           .setColorLabel(color(255))
             .setItemsPerRow(3)
               .setSpacingColumn(10)
@@ -56,66 +97,44 @@ public class ControlFrame extends PApplet {
                   .addItem("4", 0).addItem("5", 0).addItem("6", 0)
                     .addItem("7", 0).addItem("8", 0).addItem("9", 0)
                       ;
-
-    text("Mode", 20, 220);
-    cp5.addRadioButton("changeMode")
-      .setPosition(20, 230).setSize(15, 15)
-        .setColorLabel(color(255))
-          .setItemsPerRow(6)
-            .setSpacingColumn(15)
-
-              .addItem("A", 0).addItem("B", 1).addItem("C", 2)
-                .addItem("D", 3).addItem("E", 4).addItem("F", 5)
-                  .activate(2)
-                    ;
-
+    y+=90;
+    
     cp5.addRange("range")
       .setBroadcast(false) 
-        .setPosition(20, 270)
+        .setPosition(20, y)
           .setSize(w-60, 20)
             .setHandleSize(10)
               .setRange(0, 255)
-                .setRangeValues(50, 100)
+                .setRangeValues(20, 150)
                   .setBroadcast(true)
                     ;
-
-    cp5.addToggle("Sort Flip")
-      .plugTo(parent, "logic")
-        .setPosition(20, 300).setSize(60, 20)
-          .setMode(ControlP5.SWITCH);
-
+    
+    
+    y+=50;
     cp5.addSlider("FRate")
       .plugTo(parent, "frameRate")
         .setRange(0.5, 40)
           .setValue(25)
-            .setPosition(20, 360)
+            .setPosition(20, y)
               .setSize(w-60, 20)
                 ;
 
-    cp5.addBang("nextImage")
-      .setLabel("next image")
-        .setPosition(w/2, 410)
-          .setSize(w/3, 20);
-
-    cp5.addToggle("PauseFlip")
-      .plugTo(parent, "pauseFlip")
-        .setLabel("No Flip")
-          .setPosition(20, 410).setSize(w/3, 20);
-
-
+    y+=30;
     cp5.addSlider("flipTime")
       .plugTo(parent, "flipSpeed")
         .setRange(2, 200)
           .setValue(30)
-            .setPosition(20, 460)
-              .setSize(w-100, 20)
-                ;   
-
+            .setPosition(20, y)
+              .setSize(w/2, 20)
+                ; 
+    
+    
 
+   y+=60;
     Group g3 = cp5.addGroup("g3")
       .setLabel("Albums")
-        .setPosition(20, 520)
-          .setSize(160, 100)
+        .setPosition(20, y)
+          .setSize(w-40, 100)
             .setBackgroundColor(color(50))
               ;
 

README.md

@@ -37,22 +37,22 @@ Let's go through what the control window let's you do:
 
 * Play = starts and stops the pixel sorting 
 * Reload = restart the sorting on the current image
-* Wrap = toggle wrapping pixels on image edges on/off (default: on)
 
+* No Flip = toggle flipping image in the photoset (default: on)
+* Next Image = load next image in the photoset 
 
-* Sort Matrix = the direction in which the sorting is to be done
-* Mode = choose between 6 sorting algorithims 
- 
 
-* Range = lower and upper brightness thersholds of which pixels to be sorted
 * Sort Flip = flip the sorting thersholds 
+* Wrap = toggle wrapping pixels on image edges on/off (default: on)
 
+* Mode = choose between 6 sorting algorithims 
+* Sort Matrix = the direction in which the sorting is to be done
 
-* Frate = speed control, it really changes the sketch's framerate
+
+* Range = lower and upper brightness thersholds of which pixels to be sorted
 
 
-* No Flip = toggle flipping image in the photoset (default: on)
-* Next Image = load next image in the photoset 
+* Frate = speed control, it really changes the sketch's framerate
 * Flip Time = set how long it takes between image flips, the higher the value the slower the flip
 
 * Albums = load another album

cellSort.pde

@@ -1,5 +1,6 @@
 
 
+
 // using Phillip Davis Stearns' cell sort sketch at
 
 // https://github.com/phillipdavidstearns/aYearInCode/blob/master/Processing%202.2.1/cellSort/cellSort.pde
@@ -13,6 +14,7 @@ int[] swapPixels(int[] _pixelArray, int _index1, int _index2) {
 }
 
 PImage cellSort(PImage _image) {
+  _image.loadPixels();
   int swap_x = 0;
   int swap_y = 0;
   int neighbor_x = 0;
@@ -24,7 +26,7 @@ PImage cellSort(PImage _image) {
       swap_y = y;
       for (int ny = 0; ny < 3; ny++ ) {
         for (int nx = 0; nx < 3; nx++) {
-          if (rules[nx][ny] /*&& (nx != 1 && ny != 1)*/) {
+          if (rules[ny][nx] /*&& (nx != 1 && ny != 1)*/) {
             if (!wrap) {
               neighbor_x = x + (nx-1);
               neighbor_y = y + (ny-1);
@@ -82,6 +84,7 @@ PImage cellSort(PImage _image) {
       }
     }
   }
+  _image.updatePixels();
   return _image;
 }
 
@@ -107,3 +110,4 @@ boolean coordinateInBounds(PImage _image, int x, int y) {
 boolean pixelWithinWindow(PImage _image, int x, int y, int lower, int higher) {
   return _image.pixels[y*_image.width+x] < color(lower) && _image.pixels[y*_image.width+x] > color(higher);
 }
+

pixelSortLive.pde

@@ -1,3 +1,5 @@
+
+
 /**
  *   Pixel sorting for photo sets  
  *   + a GUI extra window 
@@ -14,18 +16,19 @@
  * by Youssef Faltas, 2017
  * https://github.com/faltastic/pixelSortLive
  *
- */
+**/
 
 ////////////////////////////////////////////////////////////////
 // 
 // To add your own photo sets, place them in 
 // the data folder and add their names here
 
 String[] photoSets = {
- "cosmos", "desert" // more albums here
+  "cosmos",
+ "desert" 
+ // more albums here
 };
 
-
 // Each photo set may contain jpg photos of any size but they are 
 // to be named "poly0.jpg", "poly1.jpg", "poly2.jpg", and so on.
 
@@ -51,7 +54,7 @@ int type = 1;
 int offset_x = 0;
 int offset_y = 0;
 int eval_mode = 0;
-int mode = 0; //sets the threshold evaluation mode
+int mode = 2; //sets the threshold evaluation mode
 boolean[][] rules;
 int logic = 0;
 int printFNum =0;
@@ -73,8 +76,6 @@ boolean pauseFlip = false;
 void setup() {
 
   size(1080, 720);
-  // alternative setup
-  // size(source.width, source.height);
 
   cf = addControlFrame("Sort Control", 200, 650);
   setRules();
@@ -94,15 +95,16 @@ void draw() {
       loadSource();
     }
 
-    source.loadPixels();
+    
     output = cellSort(source);
-    output.updatePixels();
+    
     background(0);
     image(output, width/2,height/2);
 
     if (printFrame) {
       println("printing");
-      saveFrame("Prints/s"+printFNum +".tif");
+      saveFrame("frame-######.tif");
+      //saveFrame("Prints/s"+printFNum +".tif");
       printFNum++;
     }
   }
@@ -124,9 +126,11 @@ void selectSet(int nSet) {
 void loadSrcs() {
   loaded=false;
   polySrc = new PImage[totalImg];
+  /* unneccesary and changing album is must faster now
   for (int i=0; i<totalImg; i++) {
-    polySrc[i] = loadImage(photoSets[nSet]+"/poly"+i+".jpg");
+     polySrc[i] = loadImage(photoSets[nSet]+"/poly"+i+".jpg");
   }
+  */
 }
 
 void loadSource() {