Updates to some of the oldest examples to fit with current style

REAS · REAS · commit b7666866d9f8 · 2020-06-04T10:57:22.000-07:00
diff --git a/content/examples/Basics/Structure/Coordinates/Coordinates.pde b/content/examples/Basics/Structure/Coordinates/Coordinates.pde
@@ -4,9 +4,9 @@
  * All shapes drawn to the screen have a position that is 
  * specified as a coordinate. All coordinates are measured 
  * as the distance from the origin in units of pixels.
- * The origin [0, 0] is the coordinate is in the upper left 
+ * The origin (0, 0) is the coordinate is in the upper left 
  * of the window and the coordinate in the lower right is 
- * [width-1, height-1].  
+ * (width-1, height-1).  
  */
 
 // Sets the screen to be 640 pixels wide and 360 pixels high
@@ -16,22 +16,22 @@ size(640, 360);
 background(0);
 noFill();
 
-// The two parameters of the point() method each specify coordinates.
-// The first parameter is the x-coordinate and the second is the Y 
+// The two parameters of the point() function define its location.
+// The first parameter is the x-coordinate and the second is the y-coordinate 
 stroke(255);
-point(width * 0.5, height * 0.5);
-point(width * 0.5, height * 0.25); 
+point(320, 180);
+point(320, 90); 
 
 // Coordinates are used for drawing all shapes, not just points.
 // Parameters for different functions are used for different purposes.
 // For example, the first two parameters to line() specify 
 // the coordinates of the first endpoint and the second two parameters 
 // specify the second endpoint
 stroke(0, 153, 255);
-line(0, height*0.33, width, height*0.33);
+line(0, 120, 640, 120);
 
-// By default, the first two parameters to rect() are the 
-// coordinates of the upper-left corner and the second pair
-// is the width and height
+// The first two parameters to rect() are the coordinates of the 
+// upper-left corner and the second pair is the width and height 
+// of the rectangle
 stroke(255, 153, 0);
-rect(width*0.25, height*0.1, width * 0.5, height * 0.8);
+rect(160, 36, 320, 288);
diff --git a/content/examples/Basics/Structure/Loop/Loop.pde b/content/examples/Basics/Structure/Loop/Loop.pde
@@ -1,33 +1,25 @@
 /**
  * Loop. 
  * 
- * The loop() function causes draw() to execute
- * continuously. If noLoop is called in setup()
- * the draw() is only executed once. In this example
- * click the mouse to execute loop(), which will
- * cause the draw() the execute continuously. 
+ * If noLoop() is run in setup(), the code in draw() 
+ * is only run once. In this example, click the mouse 
+ * to run the loop() function to cause the draw() the 
+ * run continuously. 
  */
 
-float y = 100;
+float y = 180;
  
 // The statements in the setup() function 
 // run once when the program begins
 void setup() {
   size(640, 360);  // Size should be the first statement
   stroke(255);     // Set stroke color to white
   noLoop();
-  
-  y = height * 0.5;
 }
 
-// The statements in draw() are run until the 
-// program is stopped. Each statement is run in 
-// sequence and after the last line is read, the first 
-// line is run again.
 void draw() { 
-  background(0);   // Set the background to black
+  background(0);  // Set the background to black
   line(0, y, width, y);  
-  
   y = y - 1; 
   if (y < 0) { 
     y = height; 
diff --git a/content/examples/Basics/Structure/NoLoop/NoLoop.pde b/content/examples/Basics/Structure/NoLoop/NoLoop.pde
@@ -1,34 +1,26 @@
 /**
  * No Loop. 
  * 
- * The noLoop() function causes draw() to only
- * execute once. Without calling noLoop(), the 
- * code inside draw() is run continually. 
+ * The noLoop() function causes draw() to only run once. 
+ * Without calling noLoop(), the code inside draw() is 
+ * run continually. 
  */
 
-float y;
+float y = 180;
 
-// The statements in the setup() function 
-// execute once when the program begins
-void setup() 
-{
+// The statements in the setup() block 
+// run once when the program begins
+void setup() {
   size(640, 360);  // Size should be the first statement
-  stroke(255);     // Set line drawing color to white
+  stroke(255);  // Set line drawing color to white
   noLoop();
-  
-  y = height * 0.5;
 }
 
-// The statements in draw() are executed until the 
-// program is stopped. Each statement is executed in 
-// sequence and after the last line is read, the first 
-// line is executed again.
-void draw() 
-{ 
+// In this example, the code in the draw() block 
+// runs only once because of the noLoop() in setup()
+void draw() { 
   background(0);   // Set the background to black
+  line(0, y, width, y);  
   y = y - 1; 
   if (y < 0) { y = height; } 
-  line(0, y, width, y);  
 } 
-
-
diff --git a/content/examples/Basics/Structure/SetupDraw/SetupDraw.pde b/content/examples/Basics/Structure/SetupDraw/SetupDraw.pde
@@ -2,28 +2,28 @@
  * Setup and Draw. 
  * 
  * The code inside the draw() function runs continuously
- * from top to bottom until the program is stopped.  
+ * from top to bottom until the program is stopped. The
+ * code in setup() is run once when the program starts.
  */
 
-int y = 100;
+int y = 180;
 
-// The statements in the setup() function 
-// execute once when the program begins
+// The statements in the setup() block run once 
+// when the program begins
 void setup() {
   size(640, 360);  // Size must be the first statement
-  stroke(255);     // Set line drawing color to white
-  frameRate(30);
+  stroke(255);  // Set line drawing color to white
 }
-// The statements in draw() are executed until the 
-// program is stopped. Each statement is executed in 
-// sequence and after the last line is read, the first 
-// line is executed again.
+
+// The statements in draw() are run until the program 
+// is stopped. Each statement is run in sequence from top 
+// to bottom and after the last line is read, the 
+// first line is run again.
 void draw() { 
-  background(0);   // Clear the screen with a black background
+  background(0);  // Clear the screen with a black background
+  line(0, y, width, y); 
   y = y - 1; 
   if (y < 0) { 
-    y = height; 
-  } 
-  line(0, y, width, y);  
+    y = height;
+  }
 } 
-
