use let/const in all examples

Author: hsab

src/core/error_helpers.js

@@ -48,10 +48,10 @@ if (typeof IS_MINIFIED !== 'undefined') {
 
   const friendlyWelcome = () => {
     // p5.js brand - magenta: #ED225D
-    //var astrixBgColor = 'transparent';
-    //var astrixTxtColor = '#ED225D';
-    //var welcomeBgColor = '#ED225D';
-    //var welcomeTextColor = 'white';
+    //const astrixBgColor = 'transparent';
+    //const astrixTxtColor = '#ED225D';
+    //const welcomeBgColor = '#ED225D';
+    //const welcomeTextColor = 'white';
     console.log(
       '    _ \n' +
         ' /\\| |/\\ \n' +
@@ -565,7 +565,7 @@ if (typeof IS_MINIFIED !== 'undefined') {
    * param  {Array}                args    user input arguments
    *
    * example:
-   *  var a;
+   *  const a;
    *  ellipse(10,10,a,5);
    * console ouput:
    *  "It looks like ellipse received an empty variable in spot #2."
@@ -625,7 +625,7 @@ if (typeof IS_MINIFIED !== 'undefined') {
    * For color blindness testing.
    */
   /* function testColors() {
-    var str = 'A box of biscuits, a box of mixed biscuits and a biscuit mixer';
+    const str = 'A box of biscuits, a box of mixed biscuits and a biscuit mixer';
     report(str, 'print', '#ED225D'); // p5.js magenta
     report(str, 'print', '#2D7BB6'); // p5.js blue
     report(str, 'print', '#EE9900'); // p5.js orange

src/core/p5.Renderer2D.js

@@ -10,7 +10,7 @@ import './p5.Renderer';
  * extends p5.Renderer
  */
 const styleEmpty = 'rgba(0,0,0,0)';
-// var alphaThreshold = 0.00125; // minimum visible
+// const alphaThreshold = 0.00125; // minimum visible
 
 p5.Renderer2D = function(elt, pInst, isMainCanvas) {
   p5.Renderer.call(this, elt, pInst, isMainCanvas);

src/core/shape/vertex.js

@@ -916,13 +916,13 @@ p5.prototype.quadraticVertex = function(...args) {
  *
  * function ngon(n, x, y, d) {
  *   beginShape();
- *   for (var i = 0; i < n + 1; i++) {
+ *   for (let i = 0; i < n + 1; i++) {
  *     angle = TWO_PI / n * i;
  *     px = x + sin(angle) * d / 2;
  *     py = y - cos(angle) * d / 2;
  *     vertex(px, py, 0);
  *   }
- *   for (i = 0; i < n + 1; i++) {
+ *   for (let i = 0; i < n + 1; i++) {
  *     angle = TWO_PI / n * i;
  *     px = x + sin(angle) * d / 4;
  *     py = y - cos(angle) * d / 4;

src/core/transform.js

@@ -41,7 +41,7 @@ import p5 from './main';
  * }
  *
  * function draw() {
- *   var step = frameCount % 20;
+ *   let step = frameCount % 20;
  *   background(200);
  *   // Equivalent to translate(x, y);
  *   applyMatrix(1, 0, 0, 1, 40 + step, 50);
@@ -57,7 +57,7 @@ import p5 from './main';
  * }
  *
  * function draw() {
- *   var step = frameCount % 20;
+ *   let step = frameCount % 20;
  *   background(200);
  *   translate(50, 50);
  *   // Equivalent to scale(x, y);
@@ -74,10 +74,10 @@ import p5 from './main';
  * }
  *
  * function draw() {
- *   var step = frameCount % 20;
- *   var angle = map(step, 0, 20, 0, TWO_PI);
- *   var cos_a = cos(angle);
- *   var sin_a = sin(angle);
+ *   let step = frameCount % 20;
+ *   let angle = map(step, 0, 20, 0, TWO_PI);
+ *   let cos_a = cos(angle);
+ *   let sin_a = sin(angle);
  *   background(200);
  *   translate(50, 50);
  *   // Equivalent to rotate(angle);
@@ -94,12 +94,12 @@ import p5 from './main';
  * }
  *
  * function draw() {
- *   var step = frameCount % 20;
- *   var angle = map(step, 0, 20, -PI / 4, PI / 4);
+ *   let step = frameCount % 20;
+ *   let angle = map(step, 0, 20, -PI / 4, PI / 4);
  *   background(200);
  *   translate(50, 50);
  *   // equivalent to shearX(angle);
- *   var shear_factor = 1 / tan(PI / 2 - angle);
+ *   let shear_factor = 1 / tan(PI / 2 - angle);
  *   applyMatrix(1, 0, shear_factor, 1, 0, 0);
  *   rect(0, 0, 50, 50);
  * }
@@ -117,10 +117,10 @@ import p5 from './main';
  *   rotateY(PI / 6);
  *   stroke(153);
  *   box(35);
- *   var rad = millis() / 1000;
+ *   let rad = millis() / 1000;
  *   // Set rotation angles
- *   var ct = cos(rad);
- *   var st = sin(rad);
+ *   let ct = cos(rad);
+ *   let st = sin(rad);
  *   // Matrix for rotation around the Y axis
  *   // prettier-ignore
  *   applyMatrix(  ct, 0.0,  st,  0.0,

src/events/acceleration.js

@@ -388,7 +388,7 @@ p5.prototype._updatePRotations = function() {
  * // Rotate the device by 90 degrees in the
  * // X-axis to change the value.
  *
- * var value = 0;
+ * let value = 0;
  * function draw() {
  *   fill(value);
  *   rect(25, 25, 50, 50);

src/io/files.js

@@ -1205,7 +1205,7 @@ p5.prototype._pWriters = [];
  *
  * function mousePressed() {
  *   if (mouseX > 0 && mouseX < width && mouseY > 0 && mouseY < height) {
- *     var writer = createWriter('squares.txt');
+ *     const writer = createWriter('squares.txt');
  *     for (let i = 0; i < 10; i++) {
  *       writer.print(i * i);
  *     }

src/utilities/array_functions.js

@@ -19,7 +19,7 @@ import p5 from '../core/main';
  * @example
  * <div class='norender'><code>
  * function setup() {
- *   var myArray = ['Mango', 'Apple', 'Papaya'];
+ *   const myArray = ['Mango', 'Apple', 'Papaya'];
  *   print(myArray); // ['Mango', 'Apple', 'Papaya']
  *
  *   append(myArray, 'Peach');
@@ -57,11 +57,11 @@ p5.prototype.append = (array, value) => {
  *
  * @example
  * <div class='norender'><code>
- * var src = ['A', 'B', 'C'];
- * var dst = [1, 2, 3];
- * var srcPosition = 1;
- * var dstPosition = 0;
- * var length = 2;
+ * let src = ['A', 'B', 'C'];
+ * let dst = [1, 2, 3];
+ * let srcPosition = 1;
+ * let dstPosition = 0;
+ * let length = 2;
  *
  * print(src); // ['A', 'B', 'C']
  * print(dst); // [ 1 ,  2 ,  3 ]
@@ -122,13 +122,13 @@ p5.prototype.arrayCopy = (src, srcPosition, dst, dstPosition, length) => {
  * @example
  * <div class = 'norender'><code>
  * function setup() {
- *   var arr1 = ['A', 'B', 'C'];
- *   var arr2 = [1, 2, 3];
+ *   let arr1 = ['A', 'B', 'C'];
+ *   let arr2 = [1, 2, 3];
  *
  *   print(arr1); // ['A','B','C']
  *   print(arr2); // [1,2,3]
  *
- *   var arr3 = concat(arr1, arr2);
+ *   let arr3 = concat(arr1, arr2);
  *
  *   print(arr1); // ['A','B','C']
  *   print(arr2); // [1, 2, 3]
@@ -148,7 +148,7 @@ p5.prototype.concat = (list0, list1) => list0.concat(list1);
  * @example
  * <div class='norender'><code>
  * function setup() {
- *   var myArray = ['A', 'B', 'C'];
+ *   let myArray = ['A', 'B', 'C'];
  *   print(myArray); // ['A','B','C']
  *
  *   reverse(myArray);
@@ -169,9 +169,9 @@ p5.prototype.reverse = list => list.reverse();
  * @example
  * <div class = 'norender'><code>
  * function setup() {
- *   var myArray = ['A', 'B', 'C'];
+ *   let myArray = ['A', 'B', 'C'];
  *   print(myArray); // ['A', 'B', 'C']
- *   var newArray = shorten(myArray);
+ *   let newArray = shorten(myArray);
  *   print(myArray); // ['A','B','C']
  *   print(newArray); // ['A','B']
  * }
@@ -194,13 +194,13 @@ p5.prototype.shorten = list => {
  * @example
  * <div><code>
  * function setup() {
- *   var regularArr = ['ABC', 'def', createVector(), TAU, Math.E];
+ *   let regularArr = ['ABC', 'def', createVector(), TAU, Math.E];
  *   print(regularArr);
  *   shuffle(regularArr, true); // force modifications to passed array
  *   print(regularArr);
  *
  *   // By default shuffle() returns a shuffled cloned array:
- *   var newArr = shuffle(regularArr);
+ *   let newArr = shuffle(regularArr);
  *   print(regularArr);
  *   print(newArr);
  * }
@@ -240,19 +240,19 @@ p5.prototype.shuffle = (arr, bool) => {
  * @example
  * <div class = 'norender'><code>
  * function setup() {
- *   var words = ['banana', 'apple', 'pear', 'lime'];
+ *   let words = ['banana', 'apple', 'pear', 'lime'];
  *   print(words); // ['banana', 'apple', 'pear', 'lime']
- *   var count = 4; // length of array
+ *   let count = 4; // length of array
  *
  *   words = sort(words, count);
  *   print(words); // ['apple', 'banana', 'lime', 'pear']
  * }
  * </code></div>
  * <div class = 'norender'><code>
  * function setup() {
- *   var numbers = [2, 6, 1, 5, 14, 9, 8, 12];
+ *   let numbers = [2, 6, 1, 5, 14, 9, 8, 12];
  *   print(numbers); // [2, 6, 1, 5, 14, 9, 8, 12]
- *   var count = 5; // Less than the length of the array
+ *   let count = 5; // Less than the length of the array
  *
  *   numbers = sort(numbers, count);
  *   print(numbers); // [1,2,5,6,14,9,8,12]
@@ -288,8 +288,8 @@ p5.prototype.sort = (list, count) => {
  * @example
  * <div class = 'norender'><code>
  * function setup() {
- *   var myArray = [0, 1, 2, 3, 4];
- *   var insArray = ['A', 'B', 'C'];
+ *   let myArray = [0, 1, 2, 3, 4];
+ *   let insArray = ['A', 'B', 'C'];
  *   print(myArray); // [0, 1, 2, 3, 4]
  *   print(insArray); // ['A','B','C']
  *
@@ -323,11 +323,11 @@ p5.prototype.splice = (list, value, index) => {
  * @example
  * <div class = 'norender'><code>
  * function setup() {
- *   var myArray = [1, 2, 3, 4, 5];
+ *   let myArray = [1, 2, 3, 4, 5];
  *   print(myArray); // [1, 2, 3, 4, 5]
  *
- *   var sub1 = subset(myArray, 0, 3);
- *   var sub2 = subset(myArray, 2, 2);
+ *   let sub1 = subset(myArray, 0, 3);
+ *   let sub2 = subset(myArray, 2, 2);
  *   print(sub1); // [1,2,3]
  *   print(sub2); // [3,4]
  * }

src/utilities/conversion.js

@@ -21,8 +21,8 @@ import p5 from '../core/main';
  * @return {Number}     floating point representation of string
  * @example
  * <div><code>
- * var str = '20';
- * var diameter = float(str);
+ * let str = '20';
+ * let diameter = float(str);
  * ellipse(width / 2, height / 2, diameter, diameter);
  * </code></div>
  * <div class='norender'><code>