Modifying learn > curves for ES6

Author: abhieshekumar

src/assets/learn/curves/bezier/sketch.js

@@ -1,15 +1,15 @@
-var x1 = 100;
-var y1 = 150;
-var x2 = 200;
-var y2 = 150;
-var x3 = 50;
-var y3 = 50;
-var x4 = 250;
-var y4 = 50;
-var d1 = false;
-var d2 = false;
-var d4 = false;
-var d3 = false;
+let x1 = 100;
+let y1 = 150;
+let x2 = 200;
+let y2 = 150;
+let x3 = 50;
+let y3 = 50;
+let x4 = 250;
+let y4 = 50;
+let d1 = false;
+let d2 = false;
+let d4 = false;
+let d3 = false;
 
 function setup() {
   createCanvas(400, 400);

src/assets/learn/curves/curve_ex/sketch.js

@@ -1,16 +1,16 @@
-var x1 = 80;
-var y1 = 80;
-var x2 = 160;
-var y2 = 120;
-var x3 = 200;
-var y3 = 200;
-var x4 = 120;
-var y4 = 240;
-var d1 = false;
-var d2 = false;
-var d4 = false;
-var d3 = false;
-var d5 = false;
+let x1 = 80;
+let y1 = 80;
+let x2 = 160;
+let y2 = 120;
+let x3 = 200;
+let y3 = 200;
+let x4 = 120;
+let y4 = 240;
+let d1 = false;
+let d2 = false;
+let d4 = false;
+let d3 = false;
+let d5 = false;
 
 function setup() {
   createCanvas(300, 300);

src/templates/pages/learn/curves.hbs

@@ -93,7 +93,7 @@ slug: learn/
 
 
       <script type="text/p5"  data-autoplay>
-      var coords = [40, 40, 80, 60, 100, 100, 60, 120, 50, 150];
+      let coords = [40, 40, 80, 60, 100, 100, 60, 120, 50, 150];
 
       function setup() {
         createCanvas(150, 200);
@@ -113,7 +113,7 @@ slug: learn/
         curveVertex(50,150);
         endShape();
 
-         for (var i = 0; i < coords.length; i+= 2){
+         for (let i = 0; i < coords.length; i+= 2){
           ellipse(coords[i], coords[i+1], 10, 10);
          }
       }