@@ -6,13 +6,18 @@
  * the last point. The middle parameters set the control points
  * that define the shape of the curve. 
  */
- 
-size(640, 360); 
-background(0); 
-stroke(255);
-noFill();
-smooth(); 
 
-for(int i = 0; i < 200; i += 20) {
-  bezier(180-(i/2.0), 40+i, 410, 20, 440, 300, 240-(i/16.0), 300+(i/8.0));
+void setup() {
+  size(640, 360); 
+  stroke(255);
+  noFill();
+  smooth();
 }
+
+void draw() {
+  background(0);
+  for (int i = 0; i < 200; i += 20) {
+    bezier(mouseX-(i/2.0), 40+i, 410, 20, 440, 300, 240-(i/16.0), 300+(i/8.0));
+  }
+}
+
@@ -13,11 +13,6 @@ int x;
 int y;
 float outerRad;
 float innerRad;
-float px = 0; 
-float py = 0; 
-float angle = 0;
-float pts = 36;
-float rot = 360.0/pts;
 
 void setup() {
   size(640, 360);
@@ -30,10 +25,16 @@ void setup() {
 }
 
 void draw() {
+  background(204);
+  
+  int pts = int(map(mouseX, 0, width, 6, 60));
+  float rot = 180.0/pts;
+  float angle = 0;
+  
   beginShape(TRIANGLE_STRIP); 
-  for (int i = 0; i < pts; i++) {
-    px = x + cos(radians(angle)) * outerRad;
-    py = y + sin(radians(angle)) * outerRad;
+  for (int i = 0; i <= pts; i++) {
+    float px = x + cos(radians(angle)) * outerRad;
+    float py = y + sin(radians(angle)) * outerRad;
     angle += rot;
     vertex(px, py);
     px = x + cos(radians(angle)) * innerRad;
 
@@ -3,8 +3,6 @@
  * 
  * Move the mouse across the screen to move the circle. 
  * The program constrains the circle to its box. 
- * 
- * Updated 27 February 2010 to handle changes in size().
  */
 
 float mx;
 
@@ -30,7 +30,7 @@ void setup()
   background(numChars/2);
   // Set a gray value for each key
   for(int i=0; i<numChars; i++) {
-    colors[i] = color(i, i, i);    
+    colors[i] = color(i);    
   }
 }
 
 
@@ -6,12 +6,11 @@
 
 float bx;
 float by;
-int bs = 75;
-boolean bover = false;
+int boxSize = 75;
+boolean overBox = false;
 boolean locked = false;
-float bdifx = 0.0; 
-float bdify = 0.0; 
-
+float xOffset = 0.0; 
+float yOffset = 0.0; 
 
 void setup() 
 {
@@ -26,39 +25,39 @@ void draw()
   background(0);
 
   // Test if the cursor is over the box 
-  if (mouseX > bx-bs && mouseX < bx+bs && 
-      mouseY > by-bs && mouseY < by+bs) {
-    bover = true;  
+  if (mouseX > bx-boxSize && mouseX < bx+boxSize && 
+      mouseY > by-boxSize && mouseY < by+boxSize) {
+    overBox = true;  
     if(!locked) { 
       stroke(255); 
       fill(153);
     } 
   } else {
     stroke(153);
     fill(153);
-    bover = false;
+    overBox = false;
   }
 
   // Draw the box
-  rect(bx, by, bs, bs);
+  rect(bx, by, boxSize, boxSize);
 }
 
 void mousePressed() {
-  if(bover) { 
+  if(overBox) { 
     locked = true; 
     fill(255, 255, 255);
   } else {
     locked = false;
   }
-  bdifx = mouseX-bx; 
-  bdify = mouseY-by; 
+  xOffset = mouseX-bx; 
+  yOffset = mouseY-by; 
 
 }
 
 void mouseDragged() {
   if(locked) {
-    bx = mouseX-bdifx; 
-    by = mouseY-bdify; 
+    bx = mouseX-xOffset; 
+    by = mouseY-yOffset; 
   }
 }
 
 
@@ -13,7 +13,7 @@ void setup() {
 }
 
 void draw() {
-  if(mousePressed) {
+  if (mousePressed) {
     stroke(255);
   } else {
     stroke(0);
 
@@ -6,18 +6,16 @@
  * to the cursor. 
  */
 
-Eye e1, e2, e3, e4, e5;
+Eye e1, e2, e3;
 
 void setup() 
 {
-  size(200, 200);
+  size(640, 360);
   smooth();
   noStroke();
-  e1 = new Eye( 50,  16,  80);
-  e2 = new Eye( 64,  85,  40);  
-  e3 = new Eye( 90, 200, 120);
-  e4 = new Eye(150,  44,  40); 
-  e5 = new Eye(175, 120,  80);
+  e1 = new Eye( 190,  16, 120);
+  e2 = new Eye( 164, 185,  80);  
+  e3 = new Eye( 390, 200, 220);
 }
 
 void draw() 
@@ -27,35 +25,31 @@ void draw()
   e1.update(mouseX, mouseY);
   e2.update(mouseX, mouseY);
   e3.update(mouseX, mouseY);
-  e4.update(mouseX, mouseY);
-  e5.update(mouseX, mouseY);
 
   e1.display();
   e2.display();
   e3.display();
-  e4.display();
-  e5.display();
 }
 
 class Eye 
 {
-  int ex, ey;
+  int x, y;
   int size;
   float angle = 0.0;
 
-  Eye(int x, int y, int s) {
-    ex = x;
-    ey = y;
-    size = s;
+  Eye(int tx, int ty, int ts) {
+    x = tx;
+    y = ty;
+    size = ts;
  }
 
   void update(int mx, int my) {
-    angle = atan2(my-ey, mx-ex);
+    angle = atan2(my-y, mx-x);
   }
 
   void display() {
     pushMatrix();
-    translate(ex, ey);
+    translate(x, y);
     fill(255);
     ellipse(0, 0, size, size);
     rotate(angle);
 
@@ -5,18 +5,21 @@
  * speed and direction of the moving shapes. 
  */
 
+float xpos1;
+float xpos2;
+float xpos3;
+float xpos4;
 int thin = 8;
 int thick = 36;
-float xpos1 = 134.0;
-float xpos2 = 44.0;
-float xpos3 = 58.0;
-float xpos4 = 120.0;
 
 void setup() 
 {
-  size(200, 200);
+  size(640, 360);
   noStroke();
-  frameRate(60);
+  xpos1 = width/2;
+  xpos2 = width/2;
+  xpos3 = width/2;
+  xpos4 = width/2;
 }
 
 void draw() 
 
@@ -9,15 +9,15 @@
 float max_distance;
 
 void setup() {
-  size(200, 200); 
+  size(640, 360); 
   smooth();
   noStroke();
   max_distance = dist(0, 0, width, height);
 }
 
 void draw() 
 {
-  background(51);
+  background(0);
 
   for(int i = 0; i <= width; i += 20) {
     for(int j = 0; j <= height; j += 20) {
 
@@ -6,15 +6,21 @@
  * to create an irregular sawtooth line.
  */
 
-size(200, 200);
-background(0);
 int totalPts = 300;
 float steps = totalPts + 1;
-stroke(255);
-float rand = 0;
+  
+void setup() {
+  size(640, 360);
+  stroke(255);
+  frameRate(1);
+} 
 
-for  (int i = 1; i < steps; i++){
-  point( (width/steps) * i, (height/2) + random(-rand, rand) );
-  rand += random(-5, 5);
+void draw() {
+  background(0);
+  float rand = 0;
+  for  (int i = 1; i < steps; i++) {
+    point( (width/steps) * i, (height/2) + random(-rand, rand) );
+    rand += random(-5, 5);
+  }
 }
Original file line number	Diff line number	Diff line change
@@ -3,8 +3,6 @@
3	3	*
4	4	* Move the mouse across the screen to move the circle.
5	5	* The program constrains the circle to its box.
6		- *
7		- * Updated 27 February 2010 to handle changes in size().
8	6	*/
9	7
10	8	float mx;
Original file line number	Diff line number	Diff line change
@@ -30,7 +30,7 @@ void setup()
30	30	background(numChars/2);
31	31	// Set a gray value for each key
32	32	for(int i=0; i<numChars; i++) {
33		- colors[i] = color(i, i, i);
	33	+ colors[i] = color(i);
34	34	}
35	35	}
36	36
Original file line number	Diff line number	Diff line change
@@ -13,7 +13,7 @@ void setup() {
13	13	}
14	14
15	15	void draw() {
16		- if(mousePressed) {
	16	+ if (mousePressed) {
17	17	stroke(255);
18	18	} else {
19	19	stroke(0);