Initial Commit

Java/Processing/processing-3.3.6/modes/java/examples/Topics/GUI/Button/Button.pde

@@ -0,0 +1,93 @@
+/**
+ * Button. 
+ * 
+ * Click on one of the colored squares in the 
+ * center of the image to change the color of 
+ * the background. 
+ */
+ 
+int rectX, rectY;      // Position of square button
+int circleX, circleY;  // Position of circle button
+int rectSize = 90;     // Diameter of rect
+int circleSize = 93;   // Diameter of circle
+color rectColor, circleColor, baseColor;
+color rectHighlight, circleHighlight;
+color currentColor;
+boolean rectOver = false;
+boolean circleOver = false;
+
+void setup() {
+  size(640, 360);
+  rectColor = color(0);
+  rectHighlight = color(51);
+  circleColor = color(255);
+  circleHighlight = color(204);
+  baseColor = color(102);
+  currentColor = baseColor;
+  circleX = width/2+circleSize/2+10;
+  circleY = height/2;
+  rectX = width/2-rectSize-10;
+  rectY = height/2-rectSize/2;
+  ellipseMode(CENTER);
+}
+
+void draw() {
+  update(mouseX, mouseY);
+  background(currentColor);
+  
+  if (rectOver) {
+    fill(rectHighlight);
+  } else {
+    fill(rectColor);
+  }
+  stroke(255);
+  rect(rectX, rectY, rectSize, rectSize);
+  
+  if (circleOver) {
+    fill(circleHighlight);
+  } else {
+    fill(circleColor);
+  }
+  stroke(0);
+  ellipse(circleX, circleY, circleSize, circleSize);
+}
+
+void update(int x, int y) {
+  if ( overCircle(circleX, circleY, circleSize) ) {
+    circleOver = true;
+    rectOver = false;
+  } else if ( overRect(rectX, rectY, rectSize, rectSize) ) {
+    rectOver = true;
+    circleOver = false;
+  } else {
+    circleOver = rectOver = false;
+  }
+}
+
+void mousePressed() {
+  if (circleOver) {
+    currentColor = circleColor;
+  }
+  if (rectOver) {
+    currentColor = rectColor;
+  }
+}
+
+boolean overRect(int x, int y, int width, int height)  {
+  if (mouseX >= x && mouseX <= x+width && 
+      mouseY >= y && mouseY <= y+height) {
+    return true;
+  } else {
+    return false;
+  }
+}
+
+boolean overCircle(int x, int y, int diameter) {
+  float disX = x - mouseX;
+  float disY = y - mouseY;
+  if (sqrt(sq(disX) + sq(disY)) < diameter/2 ) {
+    return true;
+  } else {
+    return false;
+  }
+}

Java/Processing/processing-3.3.6/modes/java/examples/Topics/GUI/Handles/Handles.pde

@@ -0,0 +1,127 @@
+/**
+ * Handles. 
+ * 
+ * Click and drag the white boxes to change their position. 
+ */
+ 
+Handle[] handles;
+
+void setup() {
+  size(640, 360);
+  int num = height/15;
+  handles = new Handle[num];
+  int hsize = 10;
+  for (int i = 0; i < handles.length; i++) {
+    handles[i] = new Handle(width/2, 10+i*15, 50-hsize/2, 10, handles);
+  }
+}
+
+void draw() {
+  background(153);
+  
+  for (int i = 0; i < handles.length; i++) {
+    handles[i].update();
+    handles[i].display();
+  }
+  
+  fill(0);
+  rect(0, 0, width/2, height);
+}
+
+void mouseReleased()  {
+  for (int i = 0; i < handles.length; i++) {
+    handles[i].releaseEvent();
+  }
+}
+
+class Handle {
+  
+  int x, y;
+  int boxx, boxy;
+  int stretch;
+  int size;
+  boolean over;
+  boolean press;
+  boolean locked = false;
+  boolean otherslocked = false;
+  Handle[] others;
+  
+  Handle(int ix, int iy, int il, int is, Handle[] o) {
+    x = ix;
+    y = iy;
+    stretch = il;
+    size = is;
+    boxx = x+stretch - size/2;
+    boxy = y - size/2;
+    others = o;
+  }
+  
+  void update() {
+    boxx = x+stretch;
+    boxy = y - size/2;
+    
+    for (int i=0; i<others.length; i++) {
+      if (others[i].locked == true) {
+        otherslocked = true;
+        break;
+      } else {
+        otherslocked = false;
+      }  
+    }
+    
+    if (otherslocked == false) {
+      overEvent();
+      pressEvent();
+    }
+    
+    if (press) {
+      stretch = lock(mouseX-width/2-size/2, 0, width/2-size-1);
+    }
+  }
+  
+  void overEvent() {
+    if (overRect(boxx, boxy, size, size)) {
+      over = true;
+    } else {
+      over = false;
+    }
+  }
+  
+  void pressEvent() {
+    if (over && mousePressed || locked) {
+      press = true;
+      locked = true;
+    } else {
+      press = false;
+    }
+  }
+  
+  void releaseEvent() {
+    locked = false;
+  }
+  
+  void display() {
+    line(x, y, x+stretch, y);
+    fill(255);
+    stroke(0);
+    rect(boxx, boxy, size, size);
+    if (over || press) {
+      line(boxx, boxy, boxx+size, boxy+size);
+      line(boxx, boxy+size, boxx+size, boxy);
+    }
+
+  }
+}
+
+boolean overRect(int x, int y, int width, int height) {
+  if (mouseX >= x && mouseX <= x+width && 
+      mouseY >= y && mouseY <= y+height) {
+    return true;
+  } else {
+    return false;
+  }
+}
+
+int lock(int val, int minv, int maxv) { 
+  return  min(max(val, minv), maxv); 
+} 

Java/Processing/processing-3.3.6/modes/java/examples/Topics/GUI/Rollover/Rollover.pde

@@ -0,0 +1,82 @@
+/**
+ * Rollover. 
+ * 
+ * Roll over the colored squares in the center of the image
+ * to change the color of the outside rectangle. 
+ */
+ 
+ 
+int rectX, rectY;      // Position of square button
+int circleX, circleY;  // Position of circle button
+int rectSize = 90;     // Diameter of rect
+int circleSize = 93;   // Diameter of circle
+
+color rectColor;
+color circleColor;
+color baseColor;
+
+boolean rectOver = false;
+boolean circleOver = false;
+
+void setup() {
+  size(640, 360);
+  rectColor = color(0);
+  circleColor = color(255);
+  baseColor = color(102);
+  circleX = width/2+circleSize/2+10;
+  circleY = height/2;
+  rectX = width/2-rectSize-10;
+  rectY = height/2-rectSize/2;
+  ellipseMode(CENTER);
+}
+
+void draw() {
+  update(mouseX, mouseY);
+
+  noStroke();
+  if (rectOver) {
+    background(rectColor);
+  } else if (circleOver) {
+    background(circleColor);
+  } else {
+    background(baseColor);
+  }
+
+  stroke(255);
+  fill(rectColor);
+  rect(rectX, rectY, rectSize, rectSize);
+  stroke(0);
+  fill(circleColor);
+  ellipse(circleX, circleY, circleSize, circleSize);
+}
+
+void update(int x, int y) {
+  if( overCircle(circleX, circleY, circleSize) ) {
+    circleOver = true;
+    rectOver = false;
+  } else if ( overRect(rectX, rectY, rectSize, rectSize) ) {
+    rectOver = true;
+    circleOver = false;
+  } else {
+    circleOver = rectOver = false;
+  }
+}
+
+boolean overRect(int x, int y, int width, int height) {
+  if (mouseX >= x && mouseX <= x+width && 
+      mouseY >= y && mouseY <= y+height) {
+    return true;
+  } else {
+    return false;
+  }
+}
+
+boolean overCircle(int x, int y, int diameter) {
+  float disX = x - mouseX;
+  float disY = y - mouseY;
+  if(sqrt(sq(disX) + sq(disY)) < diameter/2 ) {
+    return true;
+  } else {
+    return false;
+  }
+}

Java/Processing/processing-3.3.6/modes/java/examples/Topics/GUI/Scrollbar/Scrollbar.pde

@@ -0,0 +1,121 @@
+/**
+ * Scrollbar. 
+ * 
+ * Move the scrollbars left and right to change the positions of the images. 
+ */
+
+HScrollbar hs1, hs2;  // Two scrollbars
+PImage img1, img2;  // Two images to load
+
+void setup() {
+  size(640, 360);
+  noStroke();
+  
+  hs1 = new HScrollbar(0, height/2-8, width, 16, 16);
+  hs2 = new HScrollbar(0, height/2+8, width, 16, 16);
+  
+  // Load images
+  img1 = loadImage("seedTop.jpg");
+  img2 = loadImage("seedBottom.jpg");
+}
+
+void draw() {
+  background(255);
+  
+  // Get the position of the img1 scrollbar
+  // and convert to a value to display the img1 image 
+  float img1Pos = hs1.getPos()-width/2;
+  fill(255);
+  image(img1, width/2-img1.width/2 + img1Pos*1.5, 0);
+  
+  // Get the position of the img2 scrollbar
+  // and convert to a value to display the img2 image
+  float img2Pos = hs2.getPos()-width/2;
+  fill(255);
+  image(img2, width/2-img2.width/2 + img2Pos*1.5, height/2);
+ 
+  hs1.update();
+  hs2.update();
+  hs1.display();
+  hs2.display();
+  
+  stroke(0);
+  line(0, height/2, width, height/2);
+}
+
+
+class HScrollbar {
+  int swidth, sheight;    // width and height of bar
+  float xpos, ypos;       // x and y position of bar
+  float spos, newspos;    // x position of slider
+  float sposMin, sposMax; // max and min values of slider
+  int loose;              // how loose/heavy
+  boolean over;           // is the mouse over the slider?
+  boolean locked;
+  float ratio;
+
+  HScrollbar (float xp, float yp, int sw, int sh, int l) {
+    swidth = sw;
+    sheight = sh;
+    int widthtoheight = sw - sh;
+    ratio = (float)sw / (float)widthtoheight;
+    xpos = xp;
+    ypos = yp-sheight/2;
+    spos = xpos + swidth/2 - sheight/2;
+    newspos = spos;
+    sposMin = xpos;
+    sposMax = xpos + swidth - sheight;
+    loose = l;
+  }
+
+  void update() {
+    if (overEvent()) {
+      over = true;
+    } else {
+      over = false;
+    }
+    if (mousePressed && over) {
+      locked = true;
+    }
+    if (!mousePressed) {
+      locked = false;
+    }
+    if (locked) {
+      newspos = constrain(mouseX-sheight/2, sposMin, sposMax);
+    }
+    if (abs(newspos - spos) > 1) {
+      spos = spos + (newspos-spos)/loose;
+    }
+  }
+
+  float constrain(float val, float minv, float maxv) {
+    return min(max(val, minv), maxv);
+  }
+
+  boolean overEvent() {
+    if (mouseX > xpos && mouseX < xpos+swidth &&
+       mouseY > ypos && mouseY < ypos+sheight) {
+      return true;
+    } else {
+      return false;
+    }
+  }
+
+  void display() {
+    noStroke();
+    fill(204);
+    rect(xpos, ypos, swidth, sheight);
+    if (over || locked) {
+      fill(0, 0, 0);
+    } else {
+      fill(102, 102, 102);
+    }
+    rect(spos, ypos, sheight, sheight);
+  }
+
+  float getPos() {
+    // Convert spos to be values between
+    // 0 and the total width of the scrollbar
+    return spos * ratio;
+  }
+}