All other var to let

Changed var to let in the es and en directories.

Author: AnimeshSinha1309

src/data/examples/en/08_Math/00_incrementdecrement.js

@@ -3,9 +3,9 @@
  * @description Writing "a++" is equivalent to "a = a + 1".
  * Writing "a--" is equivalent to "a = a - 1".
  */
-var a;
-var b;
-var direction;
+let a;
+let b;
+let direction;
 
 function setup() {
   createCanvas(710, 400);

src/data/examples/en/08_Math/01_operatorprecedence.js

@@ -26,7 +26,7 @@ function setup() {
   stroke(51);
 
   stroke(204);
-  for(var 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,7 +42,7 @@ function setup() {
   rect((4 + 2) * 8, 100, 290, 49);
 
   stroke(153);
-  for (var i = 0; i < width; i+= 2) {
+  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:

src/data/examples/en/08_Math/02_distance1d.js

@@ -3,12 +3,12 @@
  * @description Move the mouse left and right to control
  * the speed and direction of the moving shapes.
  */
-var xpos1;
-var xpos2;
-var xpos3;
-var xpos4;
-var thin = 8;
-var thick = 36;
+let xpos1;
+let xpos2;
+let xpos3;
+let xpos4;
+let thin = 8;
+let thick = 36;
 
 function setup() {
   createCanvas(710, 400);
@@ -22,7 +22,7 @@ function setup() {
 function draw() {
   background(0);
 
-  var mx = mouseX * 0.4 - width/5.0;
+  let mx = mouseX * 0.4 - width/5.0;
 
   fill(102);
   rect(xpos2, 0, thick, height/2);

src/data/examples/en/08_Math/03_distance2d.js

@@ -4,7 +4,7 @@
  * and reveal the matrix. Measures the distance from the mouse
  * to each square and sets the size proportionally.
  */
-var max_distance;
+let max_distance;
 
 function setup() {
   createCanvas(710, 400);
@@ -15,9 +15,9 @@ function setup() {
 function draw() {
   background(0);
 
-  for(var i = 0; i <= width; i += 20) {
-    for(var j = 0; j <= height; j += 20) {
-      var size = dist(mouseX, mouseY, i, j);
+  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/en/08_Math/04_sine.js

@@ -2,8 +2,8 @@
  * @name Sine
  * @description Smoothly scaling size with the sin() function.
  */
-var diameter; 
-var angle = 0;
+let diameter; 
+let angle = 0;
 
 function setup() {
   createCanvas(710, 400);
@@ -15,9 +15,9 @@ function setup() {
 function draw() {
   background(0);
 
-  var d1 = 10 + (sin(angle) * diameter/2) + diameter/2;
-  var d2 = 10 + (sin(angle + PI/2) * diameter/2) + diameter/2;
-  var d3 = 10 + (sin(angle + PI) * diameter/2) + diameter/2;
+  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);

src/data/examples/en/08_Math/05_sincosine.js

@@ -5,9 +5,9 @@
  * are put into these functions and numbers between -1 and 1 are returned.
  * These values are then scaled to produce larger movements.
  */
-var angle1=0;
-var angle2=0;
-var scalar = 70;
+let angle1=0;
+let angle2=0;
+let scalar = 70;
 
 function setup() {
   createCanvas(710, 400);
@@ -18,14 +18,14 @@ function setup() {
 function draw() {
   background(0);
 
-  var ang1 = radians(angle1);
-  var ang2 = radians(angle2);
+  let ang1 = radians(angle1);
+  let ang2 = radians(angle2);
 
-  var x1 = width/2 + (scalar * cos(ang1));
-  var x2 = width/2 + (scalar * cos(ang2));
+  let x1 = width/2 + (scalar * cos(ang1));
+  let x2 = width/2 + (scalar * cos(ang2));
 
-  var y1 = height/2 + (scalar * sin(ang1));
-  var y2 = height/2 + (scalar * sin(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);

src/data/examples/en/08_Math/06_sinewave.js

@@ -4,13 +4,13 @@
  * Original by Daniel Shiffman.
  */
 
-var xspacing = 16;    // Distance between each horizontal location
-var w;                // Width of entire wave
-var theta = 0.0;      // Start angle at 0
-var amplitude = 75.0; // Height of wave
-var period = 500.0;   // How many pixels before the wave repeats
-var dx;               // Value for incrementing x
-var yvalues;  // Using an array to store height values for the wave
+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
 
 function setup() {
   createCanvas(710, 400);
@@ -31,8 +31,8 @@ function calcWave() {
   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++) {
+  let x = theta;
+  for (let i = 0; i < yvalues.length; i++) {
     yvalues[i] = sin(x)*amplitude;
     x+=dx;
   }
@@ -42,7 +42,7 @@ 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++) {
+  for (let x = 0; x < yvalues.length; x++) {
     ellipse(x*xspacing, height/2+yvalues[x], 16, 16);
   }
 }

src/data/examples/en/08_Math/07_additivewave.js

@@ -3,28 +3,28 @@
  * @description Create a more complex wave by adding two waves together.
  * Original by Daniel Shiffman
  */
-var xspacing = 8;   // Distance between each horizontal location
-var w;              // Width of entire wave
-var 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
 
-var theta = 0.0;
-var amplitude = new Array(maxwaves);   // Height of wave
+let theta = 0.0;
+let amplitude = new Array(maxwaves);   // Height of wave
 // Value for incrementing X, to be calculated 
 // as a function of period and xspacing
-var dx = new Array(maxwaves);         
+let dx = new Array(maxwaves);         
 // Using an array to store height values
 // for the wave (not entirely necessary)
-var yvalues;                          
+let yvalues;                          
 
 function setup() {
   createCanvas(710, 400);
   frameRate(30);
   colorMode(RGB, 255, 255, 255, 100);
   w = width + 16;
 
-  for (var i = 0; i < maxwaves; i++) {
+  for (let i = 0; i < maxwaves; i++) {
     amplitude[i] = random(10,30);
-    var period = random(100,300); // Num pixels before wave repeats
+    let period = random(100,300); // Num pixels before wave repeats
     dx[i] = (TWO_PI / period) * xspacing;
   }
 
@@ -43,14 +43,14 @@ function calcWave() {
   theta += 0.02;
 
   // Set all height values to zero
-  for (var i = 0; i < yvalues.length; i++) {
+  for (let i = 0; i < yvalues.length; i++) {
     yvalues[i] = 0;
   }
 
   // Accumulate wave height values
-  for (var j = 0; j < maxwaves; j++) {
-    var x = theta;
-    for (var i = 0; i < yvalues.length; i++) {
+  for (let j = 0; j < maxwaves; j++) {
+    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];
@@ -64,7 +64,7 @@ function renderWave() {
   noStroke();
   fill(255,50);
   ellipseMode(CENTER);
-  for (var x = 0; x < yvalues.length; x++) {
+  for (let x = 0; x < yvalues.length; x++) {
     ellipse(x*xspacing,width/2+yvalues[x],16,16);
   }
 }

src/data/examples/en/08_Math/08_polartocartesian.js

@@ -4,12 +4,12 @@
  * to cartesian (x,y): x = rcos(theta) y = rsin(theta)
  * Original by Daniel Shiffman. 
  */
-var r;
+let r;
 
 // Angle and angular velocity, accleration
-var theta;
-var theta_vel;
-var theta_acc;
+let theta;
+let theta_vel;
+let theta_acc;
 
 function setup() {
   createCanvas(710, 400);
@@ -29,8 +29,8 @@ function draw() {
   translate(width/2, height/2);
 
   // Convert polar to cartesian
-  var x = r * cos(theta);
-  var y = r * sin(theta);
+  let x = r * cos(theta);
+  let y = r * sin(theta);
 
   // Draw the ellipse at the cartesian coordinate
   ellipseMode(CENTER);

src/data/examples/en/08_Math/09_arctangent.js

@@ -2,7 +2,7 @@
  * @name Arctangent
  * @description Move the mouse to change the direction of the eyes.<br>The atan2() function computes the angle from each eye to the cursor.
  */
-var e1, e2, e3;
+let e1, e2, e3;
 
 function setup() {
   createCanvas(720, 400);