Perfect pass on ESlint

Fixed spacing, line end, etc. and a couple more var to let.

Author: AnimeshSinha1309

src/data/examples/zh-Hans/08_Math/00_incrementdecrement.js

@@ -18,25 +18,25 @@ function setup() {
 
 function draw() {
   a++;
-  if(a > width) {
+  if (a > width) {
     a = 0;
     direction = !direction;
   }
-  if(direction == true){
+  if (direction === true) {
     stroke(a);
   } else {
-    stroke(width-a);
+    stroke(width - a);
   }
-  line(a, 0, a, height/2);
+  line(a, 0, a, height / 2);
 
   b--;
-  if(b < 0) {
+  if (b < 0) {
     b = width;
   }
-  if(direction == true) {
-    stroke(width-b);
+  if (direction === true) {
+    stroke(width - b);
   } else {
     stroke(b);
   }
-  line(b, height/2+1, b, height);
-}
+  line(b, height / 2 + 1, b, height);
+}

src/data/examples/zh-Hans/08_Math/01_operatorprecedence.js

@@ -1,7 +1,7 @@
 /*
  * @name Operator Precedence
  * @description If you don't explicitly state the order in which an
- * expression is evaluated, they are evaluated based on the operator 
+ * expression is evaluated, they are evaluated based on the operator
  * precedence. For example, in the statement "4+2*8", the 2 will
  * first be multiplied by 8 and then the result will be added to 4.
  * This is because the "*" has a higher precedence than the "+". To avoid
@@ -10,7 +10,7 @@
  * through placement of parenthesis in the code. A table of operator
  * precedence follows below.
  */
-// The highest precedence is at the top of the list and 
+// The highest precedence is at the top of the list and
 // the lowest is at the bottom.
 // Multiplicative: * / %
 // Additive: + -
@@ -26,7 +26,7 @@ function setup() {
   stroke(51);
 
   stroke(204);
-  for(let i=0; i< width-20; i+= 4) {
+  for (let i = 0; i < width - 20; i += 4) {
     // The 30 is added to 70 and then evaluated
     // if it is greater than the current value of "i"
     // For clarity, write as "if (i > (30 + 70)) {"
@@ -42,14 +42,13 @@ function setup() {
   rect((4 + 2) * 8, 100, 290, 49);
 
   stroke(153);
-  for (let i = 0; i < width; i+= 2) {
-    // The relational statements are evaluated 
-    // first, and then the logical AND statements and 
+  for (let i = 0; i < width; i += 2) {
+    // The relational statements are evaluated
+    // first, and then the logical AND statements and
     // finally the logical OR. For clarity, write as:
     // "if(((i > 20) && (i < 50)) || ((i > 100) && (i < width-20))) {"
-    if (i > 20 && i < 50 || i > 100 && i < width-20) {
-      line(i, 151, i, height-1);
-    } 
+    if ((i > 20 && i < 50) || (i > 100 && i < width - 20)) {
+      line(i, 151, i, height - 1);
+    }
   }
-
-}
+}

src/data/examples/zh-Hans/08_Math/02_distance1d.js

@@ -13,37 +13,53 @@ let thick = 36;
 function setup() {
   createCanvas(710, 400);
   noStroke();
-  xpos1 = width/2;
-  xpos2 = width/2;
-  xpos3 = width/2;
-  xpos4 = width/2;
+  xpos1 = width / 2;
+  xpos2 = width / 2;
+  xpos3 = width / 2;
+  xpos4 = width / 2;
 }
 
 function draw() {
   background(0);
-  
-  let mx = mouseX * 0.4 - width/5.0;
-  
+
+  let mx = mouseX * 0.4 - width / 5.0;
+
   fill(102);
-  rect(xpos2, 0, thick, height/2);
+  rect(xpos2, 0, thick, height / 2);
   fill(204);
-  rect(xpos1, 0, thin, height/2);
+  rect(xpos1, 0, thin, height / 2);
   fill(102);
-  rect(xpos4, height/2, thick, height/2);
+  rect(xpos4, height / 2, thick, height / 2);
   fill(204);
-  rect(xpos3, height/2, thin, height/2);
-	
-  xpos1 += mx/16;
-  xpos2 += mx/64;
-  xpos3 -= mx/16;
-  xpos4 -= mx/64;
-  
-  if(xpos1 < -thin)  { xpos1 =  width; }
-  if(xpos1 >  width) { xpos1 = -thin; }
-  if(xpos2 < -thick) { xpos2 =  width; }
-  if(xpos2 >  width) { xpos2 = -thick; }
-  if(xpos3 < -thin)  { xpos3 =  width; }
-  if(xpos3 >  width) { xpos3 = -thin; }
-  if(xpos4 < -thick) { xpos4 =  width; }
-  if(xpos4 >  width) { xpos4 = -thick; }
+  rect(xpos3, height / 2, thin, height / 2);
+
+  xpos1 += mx / 16;
+  xpos2 += mx / 64;
+  xpos3 -= mx / 16;
+  xpos4 -= mx / 64;
+
+  if (xpos1 < -thin) {
+    xpos1 = width;
+  }
+  if (xpos1 > width) {
+    xpos1 = -thin;
+  }
+  if (xpos2 < -thick) {
+    xpos2 = width;
+  }
+  if (xpos2 > width) {
+    xpos2 = -thick;
+  }
+  if (xpos3 < -thin) {
+    xpos3 = width;
+  }
+  if (xpos3 > width) {
+    xpos3 = -thin;
+  }
+  if (xpos4 < -thick) {
+    xpos4 = width;
+  }
+  if (xpos4 > width) {
+    xpos4 = -thick;
+  }
 }

src/data/examples/zh-Hans/08_Math/03_distance2d.js

@@ -1,6 +1,6 @@
 /*
  * @name Distance 2D
- * @description Move the mouse across the image to obscure 
+ * @description Move the mouse across the image to obscure
  * and reveal the matrix. Measures the distance from the mouse
  * to each square and sets the size proportionally.
  */
@@ -15,11 +15,11 @@ function setup() {
 function draw() {
   background(0);
 
-  for(let i = 0; i <= width; i += 20) {
-    for(let j = 0; j <= height; j += 20) {
-      var size = dist(mouseX, mouseY, i, j);
-      size = size/max_distance * 66;
+  for (let i = 0; i <= width; i += 20) {
+    for (let j = 0; j <= height; j += 20) {
+      let size = dist(mouseX, mouseY, i, j);
+      size = (size / max_distance) * 66;
       ellipse(i, j, size, size);
     }
   }
-}
+}

src/data/examples/zh-Hans/08_Math/04_sine.js

@@ -15,13 +15,13 @@ function setup() {
 function draw() {
   background(0);
 
-  let d1 = 10 + (sin(angle) * diameter/2) + diameter/2;
-  let d2 = 10 + (sin(angle + PI/2) * diameter/2) + diameter/2;
-  let d3 = 10 + (sin(angle + PI) * diameter/2) + diameter/2;
-  
-  ellipse(0, height/2, d1, d1);
-  ellipse(width/2, height/2, d2, d2);
-  ellipse(width, height/2, d3, d3);
-  
+  let d1 = 10 + (sin(angle) * diameter) / 2 + diameter / 2;
+  let d2 = 10 + (sin(angle + PI / 2) * diameter) / 2 + diameter / 2;
+  let d3 = 10 + (sin(angle + PI) * diameter) / 2 + diameter / 2;
+
+  ellipse(0, height / 2, d1, d1);
+  ellipse(width / 2, height / 2, d2, d2);
+  ellipse(width, height / 2, d3, d3);
+
   angle += 0.02;
 }

src/data/examples/zh-Hans/08_Math/05_sincosine.js

@@ -1,12 +1,12 @@
 /*
  * @name Sine Cosine
- * @description Linear movement with sin() and cos(). 
+ * @description Linear movement with sin() and cos().
  * Numbers between 0 and PI*2 (TWO_PI which angles roughly 6.28)
  * are put into these functions and numbers between -1 and 1 are returned.
  * These values are then scaled to produce larger movements.
  */
-let angle1=0;
-let angle2=0;
+let angle1 = 0;
+let angle2 = 0;
 let scalar = 70;
 
 function setup() {
@@ -21,23 +21,23 @@ function draw() {
   let ang1 = radians(angle1);
   let ang2 = radians(angle2);
 
-  let x1 = width/2 + (scalar * cos(ang1));
-  let x2 = width/2 + (scalar * cos(ang2));
-  
-  let y1 = height/2 + (scalar * sin(ang1));
-  let y2 = height/2 + (scalar * sin(ang2));
-  
+  let x1 = width / 2 + scalar * cos(ang1);
+  let x2 = width / 2 + scalar * cos(ang2);
+
+  let y1 = height / 2 + scalar * sin(ang1);
+  let y2 = height / 2 + scalar * sin(ang2);
+
   fill(255);
-  rect(width*0.5, height*0.5, 140, 140);
+  rect(width * 0.5, height * 0.5, 140, 140);
 
   fill(0, 102, 153);
-  ellipse(x1, height*0.5 - 120, scalar, scalar);
-  ellipse(x2, height*0.5 + 120, scalar, scalar);
-  
+  ellipse(x1, height * 0.5 - 120, scalar, scalar);
+  ellipse(x2, height * 0.5 + 120, scalar, scalar);
+
   fill(255, 204, 0);
-  ellipse(width*0.5 - 120, y1, scalar, scalar);
-  ellipse(width*0.5 + 120, y2, scalar, scalar);
+  ellipse(width * 0.5 - 120, y1, scalar, scalar);
+  ellipse(width * 0.5 + 120, y2, scalar, scalar);
 
   angle1 += 2;
-  angle2 += 3; 
+  angle2 += 3;
 }

src/data/examples/zh-Hans/08_Math/06_sinewave.js

@@ -4,19 +4,19 @@
  * Original by Daniel Shiffman.
  */
 
-let xspacing = 16;    // Distance between each horizontal location
-let w;                // Width of entire wave
-let theta = 0.0;      // Start angle at 0
+let xspacing = 16; // Distance between each horizontal location
+let w; // Width of entire wave
+let theta = 0.0; // Start angle at 0
 let amplitude = 75.0; // Height of wave
-let period = 500.0;   // How many pixels before the wave repeats
-let dx;               // Value for incrementing x
-let yvalues;  // Using an array to store height values for the wave
+let period = 500.0; // How many pixels before the wave repeats
+let dx; // Value for incrementing x
+let yvalues; // Using an array to store height values for the wave
 
 function setup() {
   createCanvas(710, 400);
-  w = width+16;
+  w = width + 16;
   dx = (TWO_PI / period) * xspacing;
-  yvalues = new Array(floor(w/xspacing));
+  yvalues = new Array(floor(w / xspacing));
 }
 
 function draw() {
@@ -26,23 +26,23 @@ function draw() {
 }
 
 function calcWave() {
-  // Increment theta (try different values for 
+  // Increment theta (try different values for
   // 'angular velocity' here)
   theta += 0.02;
 
   // For every x value, calculate a y value with sine function
-  var x = theta;
-  for (var i = 0; i < yvalues.length; i++) {
-    yvalues[i] = sin(x)*amplitude;
-    x+=dx;
+  let x = theta;
+  for (let i = 0; i < yvalues.length; i++) {
+    yvalues[i] = sin(x) * amplitude;
+    x += dx;
   }
 }
 
 function renderWave() {
   noStroke();
   fill(255);
   // A simple way to draw the wave with an ellipse at each location
-  for (var x = 0; x < yvalues.length; x++) {
-    ellipse(x*xspacing, height/2+yvalues[x], 16, 16);
+  for (let x = 0; x < yvalues.length; x++) {
+    ellipse(x * xspacing, height / 2 + yvalues[x], 16, 16);
   }
 }

src/data/examples/zh-Hans/08_Math/07_additivewave.js

@@ -3,13 +3,13 @@
  * @description Create a more complex wave by adding two waves together.
  * Original by Daniel Shiffman
  */
-let xspacing = 8;   // Distance between each horizontal location
-let w;              // Width of entire wave
-let maxwaves = 4;   // total # of waves to add together
+let xspacing = 8; // Distance between each horizontal location
+let w; // Width of entire wave
+let maxwaves = 4; // total # of waves to add together
 
 let theta = 0.0;
-let amplitude = new Array(maxwaves);   // Height of wave
-// Value for incrementing X, to be calculated 
+let amplitude = new Array(maxwaves); // Height of wave
+// Value for incrementing X, to be calculated
 // as a function of period and xspacing
 let dx = new Array(maxwaves);
 // Using an array to store height values
@@ -23,12 +23,12 @@ function setup() {
   w = width + 16;
 
   for (let i = 0; i < maxwaves; i++) {
-    amplitude[i] = random(10,30);
-    let period = random(100,300); // Num pixels before wave repeats
+    amplitude[i] = random(10, 30);
+    let period = random(100, 300); // Num pixels before wave repeats
     dx[i] = (TWO_PI / period) * xspacing;
   }
 
-  yvalues = new Array(floor(w/xspacing));
+  yvalues = new Array(floor(w / xspacing));
 }
 
 function draw() {
@@ -38,7 +38,7 @@ function draw() {
 }
 
 function calcWave() {
-  // Increment theta (try different values 
+  // Increment theta (try different values
   // for 'angular velocity' here
   theta += 0.02;
 
@@ -52,19 +52,19 @@ function calcWave() {
     let x = theta;
     for (let i = 0; i < yvalues.length; i++) {
       // Every other wave is cosine instead of sine
-      if (j % 2 == 0)  yvalues[i] += sin(x)*amplitude[j];
-      else yvalues[i] += cos(x)*amplitude[j];
-      x+=dx[j];
+      if (j % 2 === 0) yvalues[i] += sin(x) * amplitude[j];
+      else yvalues[i] += cos(x) * amplitude[j];
+      x += dx[j];
     }
   }
 }
 
 function renderWave() {
   // A simple way to draw the wave with an ellipse at each location
   noStroke();
-  fill(255,50);
+  fill(255, 50);
   ellipseMode(CENTER);
   for (let x = 0; x < yvalues.length; x++) {
-    ellipse(x*xspacing,width/2+yvalues[x],16,16);
+    ellipse(x * xspacing, width / 2 + yvalues[x], 16, 16);
   }
 }