@@ -10,26 +10,35 @@
  * separate ways on the screen.  
  */
 
-size(200, 200);
 
-float[] coswave = new float[width];
+float[] coswave; 
 
-for (int i = 0; i < width; i++) {
-  float amount = map(i, 0, width, 0, PI);
-  coswave[i] = abs(cos(amount));
+void setup() {
+  size(640, 360);
+  coswave = new float[width];
+  for (int i = 0; i < width; i++) {
+    float amount = map(i, 0, width, 0, PI);
+    coswave[i] = abs(cos(amount));
+  }
+  noLoop();
 }
 
-for (int i = 0; i < width; i++) {
-  stroke(coswave[i]*255);
-  line(i, 0, i, height/3);
-}
+void draw() {
 
-for (int i = 0; i < width; i++) {
-  stroke(coswave[i]*255 / 4);
-  line(i, height/3, i, height/3*2);
-}
+  for (int i = 0; i < width; i++) {
+    stroke(coswave[i]*255);
+    line(i, 0, i, height/3);
+  }
 
-for (int i = 0; i < width; i++) {
-  stroke(255 - coswave[i]*255);
-  line(i, height/3*2, i, height);
+  for (int i = 0; i < width; i++) {
+    stroke(coswave[i]*255 / 4);
+    line(i, height/3, i, height/3*2);
+  }
+
+  for (int i = 0; i < width; i++) {
+    stroke(255 - coswave[i]*255);
+    line(i, height/3*2, i, height);
+  }
+  
 }
+
@@ -6,27 +6,32 @@
  * 2D arrays are useful for storing images. In this example, each dot 
  * is colored in relation to its distance from the center of the image. 
  */
- 
+
 float[][] distances;
 float maxDistance;
+int spacer = 10;
 
-size(200, 200);
-background(0);
-maxDistance = dist(width/2, height/2, width, height);
-distances = new float[width][height];
-for(int i=0; i<height; i++) {
-  for(int j=0; j<width; j++) {
-    float dist = dist(width/2, height/2, j, i);
-    distances[j][i] = dist/maxDistance * 255; 
+void setup() {
+  size(640, 360);
+  maxDistance = dist(width/2, height/2, width, height);
+  distances = new float[width][height];
+  for (int y = 0; y < height; y++) {
+    for (int x = 0; x < width; x++) {
+      float dist = dist(width/2, height/2, x, y);
+      distances[x][y] = dist/maxDistance * 255;
+    }
   }
+  noLoop();  // Run once and stop
 }
 
-for(int i=0; i<height; i+=2) {
-  for(int j=0; j<width; j+=2) {
-    stroke(distances[j][i]);
-    point(j, i);
+void draw() {
+  background(0);
+  for (int y = 0; y < height; y += spacer) {
+    for (int x = 0; x < width; x += spacer) {
+      stroke(distances[x][y]);
+      point(x + spacer/2, y + spacer/2);
+    }
   }
 }
 
 
-
 
@@ -10,12 +10,11 @@ int unit = 40;
 int count;
 Module[] mods;
 
-
 void setup() {
-  size(320, 240);
+  size(640, 360);
   background(176);
   noStroke();
-
+  smooth();
   int wideCount = width / unit;
   int highCount = height / unit;
   count = wideCount * highCount;
@@ -24,13 +23,13 @@ void setup() {
   int index = 0;
   for (int y = 0; y < highCount; y++) {
     for (int x = 0; x < wideCount; x++) {
-      mods[index++] = new Module(x*unit, y*unit, unit/2, unit/2, random(0.05, 0.8));
+      mods[index++] = new Module(x*unit, y*unit, unit/2, unit/2, random(0.05, 0.8), unit);
     }
   }
 }
 
-
 void draw() {
+  background(0);
   for (int i = 0; i < count; i++) {
     mods[i].update();
     mods[i].draw();
 
@@ -1,38 +1,39 @@
 class Module {
-  int mx, my;
-  int big;
+  int xOffset;
+  int yOffset;
   float x, y;
-  int xdir = 1;
-  int ydir = 1;
+  int unit;
+  int xDirection = 1;
+  int yDirection = 1;
   float speed; 
 
-  // Contructor (required)
-  Module(int imx, int imy, int ix, int iy, float ispeed) {
-    mx = imx;
-    my = imy;
-    x = ix;
-    y = iy;
-    speed = ispeed;
-    big = unit;
+  // Contructor
+  Module(int xOffsetTemp, int yOffsetTemp, int xTemp, int yTemp, float speedTemp, int tempUnit) {
+    xOffset = xOffsetTemp;
+    yOffset = yOffsetTemp;
+    x = xTemp;
+    y = yTemp;
+    speed = speedTemp;
+    unit = tempUnit;
   }
 
   // Custom method for updating the variables
   void update() {
-    x = x + (speed * xdir);
-    if (x >= big || x <= 0) {
-      xdir *= -1;
-      x = x + (1 * xdir);
-      y = y + (1 * ydir);
+    x = x + (speed * xDirection);
+    if (x >= unit || x <= 0) {
+      xDirection *= -1;
+      x = x + (1 * xDirection);
+      y = y + (1 * yDirection);
     }
-    if (y >= big || y <= 0) {
-      ydir *= -1;
-      y = y + (1 * ydir);
+    if (y >= unit || y <= 0) {
+      yDirection *= -1;
+      y = y + (1 * yDirection);
     }
   }
 
   // Custom method for drawing the object
   void draw() {
-    stroke(second() * 4);
-    point(mx+x-1, my+y-1);
+    fill(255);
+    ellipse(xOffset + x, yOffset + y, 6, 6);
   }
 }
@@ -6,26 +6,25 @@
  * Move the cursor vertically over each bar to alter its hue. 
  */
 
-int barWidth = 5;
-int[] hue;
+int barWidth = 20;
+int lastBar = -1;
 
 void setup() 
 {
-  size(200, 200);
-  colorMode(HSB, 360, height, height);  
-  hue = new int[width/barWidth];
+  size(640, 360);
+  colorMode(HSB, height, height, height);  
   noStroke();
+  background(0);
 }
 
 void draw() 
 {
-  int j = 0;
-  for (int i=0; i<=(width-barWidth); i+=barWidth) {  
-    if ((mouseX > i) && (mouseX < i+barWidth)) {
-      hue[j] = mouseY;
-    }
-    fill(hue[j], height/1.2, height/1.2);
-    rect(i, 0, barWidth, height);  
-    j++;
+  int whichBar = mouseX / barWidth;
+  if (whichBar != lastBar) {
+    int barX = whichBar * barWidth;
+    fill(mouseY, height, height);
+    rect(barX, 0, barWidth, height);
+    lastBar = whichBar;
   }
 }
+
@@ -7,12 +7,12 @@
  * Move the cursor vertically over each bar to alter its saturation. 
  */
 
-int barWidth = 5;
+int barWidth = 20;
 int lastBar = -1;
 
 
 void setup() {
-  size(200, 200);
+  size(640, 360);
   colorMode(HSB, width, height, 100); 
   noStroke();
 }
 
@@ -10,15 +10,15 @@
  * equal to zero then draw a line. 
  */
 
-size(200, 200);
+size(640, 360);
 background(0);
 
-for(int i=10; i<width; i+=10) {
+for(int i = 10; i < width; i += 10) {
   // If 'i' divides by 20 with no remainder draw the first line
   // else draw the second line
   if(i%20 == 0) {
     stroke(153);
-    line(i, 40, i, height/2);
+    line(i, 80, i, height/2);
   } else {
     stroke(102);
     line(i, 20, i, 180); 
 
@@ -7,20 +7,20 @@
  * action. 
  */
 
-size(200, 200);
+size(640, 360);
 background(0);
 
-for(int i=2; i<width-2; i+=2) {
+for(int i = 2; i < width-2; i += 2) {
   // If 'i' divides by 20 with no remainder 
   // draw the first line else draw the second line
-  if(i%20 == 0) {
+  if((i % 20) == 0) {
     stroke(255);
-    line(i, 40, i, height/2);
-  } else if (i%10 == 0) {
+    line(i, 80, i, height/2);
+  } else if ((i % 10) == 0) {
     stroke(153);
     line(i, 20, i, 180); 
-  } else {
+  } else {  
     stroke(102);
-    line(i, height/2, i, height-40);
+    line(i, height/2, i, height-20);
   }
 }
@@ -2,26 +2,23 @@
  * Embedding Iteration. 
  * 
  * Embedding "for" structures allows repetition in two dimensions. 
+ *
  */
- 
-float box_size = 11; 
-float box_space = 12; 
-int margin = 7; 
- 
-size(200, 200); 
+
+
+size(640, 360); 
 background(0); 
 noStroke(); 
- 
-// Draw gray boxes 
- 
-for (int i = margin; i < height-margin; i += box_space){
-  if(box_size > 0){
-    for(int j = margin; j < width-margin; j+= box_space){
-      fill(255-box_size*10);
-      rect(j, i, box_size, box_size);
-    }
-    box_size = box_size - 0.6;
+
+int gridSize = 40;
+
+for (int x = gridSize; x <= width - gridSize; x += gridSize) {
+  for (int y = gridSize; y <= height - gridSize; y += gridSize) {
+    noStroke();
+    fill(255);
+    rect(x-1, y-1, 3, 3);
+    stroke(255, 50);
+    line(x, y, width/2, height/2);
   }
 }
 
-		
@@ -1,45 +1,41 @@
 /**
  * Iteration. 
  * 
- * Iteration with a "for" structure constructs repetitive forms. 
+ * Iteration with a "for" structure to construct repetitive forms. 
  */
 
-int k;
-int xpos1 = 100; 
-int xpos2 = 118; 
-int count = 0; 
-int timey = 0;
-int num = 12;
+int y;
+int num = 14;
 
-size(200, 200);
+size(640, 360);
 background(102);
 noStroke();
 
 // Draw gray bars 
 fill(255);
-k=60;
-for(int i=0; i < num/3; i++) {
-  rect(25, k, 155, 5);
-  k+=10;
+y = 60;
+for(int i = 0; i < num/3; i++) {
+  rect(50, y, 475, 10);
+  y+=20;
 }
 
-// Black bars
+// Gray bars
 fill(51);
-k = 40;
-for(int i=0; i < num; i++) {
-  rect(105, k, 30, 5);
-  k += 10;
+y = 40;
+for(int i = 0; i < num; i++) {
+  rect(405, y, 30, 10);
+  y += 20;
 }
-k = 15;
+y = 50;
 for(int i = 0; i < num; i++) {
-  rect(125, k, 30, 5);
-  k +=10;
+  rect(425, y, 30, 10);
+  y += 20;
 }
 
 // Thin lines
-k = 42;
+y = 45;
 fill(0);
-for(int i=0; i < num-1; i++) {
-  rect(36, k, 20, 1);
-  k+=10;
+for(int i = 0; i < num-1; i++) {
+  rect(120, y, 40, 1);
+  y+= 20;
 }