Change typography examples to ES6

src/typography/attributes.js

@@ -93,7 +93,7 @@ p5.prototype.textAlign = function(horizAlign, vertAlign) {
  * <div>
  * <code>
  * // Text to display. The "\n" is a "new line" character
- * var lines = 'L1\nL2\nL3';
+ * let lines = 'L1\nL2\nL3';
  * textSize(12);
  *
  * textLeading(10); // Set leading to 10
@@ -199,13 +199,13 @@ p5.prototype.textStyle = function(theStyle) {
  * <code>
  * textSize(28);
  *
- * var aChar = 'P';
- * var cWidth = textWidth(aChar);
+ * let aChar = 'P';
+ * let cWidth = textWidth(aChar);
  * text(aChar, 0, 40);
  * line(cWidth, 0, cWidth, 50);
  *
- * var aString = 'p5.js';
- * var sWidth = textWidth(aString);
+ * let aString = 'p5.js';
+ * let sWidth = textWidth(aString);
  * text(aString, 0, 85);
  * line(sWidth, 50, sWidth, 100);
  * </code>
@@ -232,11 +232,11 @@ p5.prototype.textWidth = function(theText) {
  * @example
  * <div>
  * <code>
- * var base = height * 0.75;
- * var scalar = 0.8; // Different for each font
+ * let base = height * 0.75;
+ * let scalar = 0.8; // Different for each font
  *
  * textSize(32); // Set initial text size
- * var asc = textAscent() * scalar; // Calc ascent
+ * let asc = textAscent() * scalar; // Calc ascent
  * line(0, base - asc, width, base - asc);
  * text('dp', 0, base); // Draw text on baseline
  *
@@ -261,11 +261,11 @@ p5.prototype.textAscent = function() {
  * @example
  * <div>
  * <code>
- * var base = height * 0.75;
- * var scalar = 0.8; // Different for each font
+ * let base = height * 0.75;
+ * let scalar = 0.8; // Different for each font
  *
  * textSize(32); // Set initial text size
- * var desc = textDescent() * scalar; // Calc ascent
+ * let desc = textDescent() * scalar; // Calc ascent
  * line(0, base + desc, width, base + desc);
  * text('dp', 0, base); // Draw text on baseline
  *

src/typography/loading_displaying.js

@@ -37,7 +37,7 @@ require('../core/error_helpers');
  * operation will have completed before <a href="#/p5/setup">setup()</a> and <a href="#/p5/draw">draw()</a> are called.</p>
  *
  * <div><code>
- * var myFont;
+ * let myFont;
  * function preload() {
  *   myFont = loadFont('assets/AvenirNextLTPro-Demi.otf');
  * }
@@ -74,7 +74,7 @@ require('../core/error_helpers');
  * }
  *
  * function setup() {
- *   var myDiv = createDiv('hello there');
+ *   let myDiv = createDiv('hello there');
  *   myDiv.style('font-family', 'Avenir');
  * }
  * </code></div>
@@ -186,15 +186,15 @@ p5.prototype.loadFont = function(path, onSuccess, onError) {
  * </div>
  * <div>
  * <code>
- * var s = 'The quick brown fox jumped over the lazy dog.';
+ * let s = 'The quick brown fox jumped over the lazy dog.';
  * fill(50);
  * text(s, 10, 10, 70, 80); // Text wraps within text box
  * </code>
  * </div>
  *
  * <div modernizr='webgl'>
  * <code>
- * var avenir;
+ * let avenir;
  * function preload() {
  *   avenir = loadFont('assets/Avenir.otf');
  * }
@@ -206,7 +206,7 @@ p5.prototype.loadFont = function(path, onSuccess, onError) {
  * }
  * function draw() {
  *   background(0);
- *   var time = millis();
+ *   let time = millis();
  *   rotateX(time / 1000);
  *   rotateZ(time / 1234);
  *   text('p5.js', 0, 0);
@@ -248,7 +248,7 @@ p5.prototype.text = function(str, x, y, maxWidth, maxHeight) {
  * </div>
  * <div>
  * <code>
- * var fontRegular, fontItalic, fontBold;
+ * let fontRegular, fontItalic, fontBold;
  * function preload() {
  *   fontRegular = loadFont('assets/Regular.otf');
  *   fontItalic = loadFont('assets/Italic.ttf');

src/typography/p5.Font.js

@@ -59,15 +59,15 @@ p5.Font.prototype.list = function() {
  * @example
  * <div>
  * <code>
- * var font;
- * var textString = 'Lorem ipsum dolor sit amet.';
+ * let font;
+ * let textString = 'Lorem ipsum dolor sit amet.';
  * function preload() {
  *   font = loadFont('./assets/Regular.otf');
  * }
  * function setup() {
  *   background(210);
  *
- *   var bbox = font.textBounds(textString, 10, 30, 12);
+ *   let bbox = font.textBounds(textString, 10, 30, 12);
  *   fill(255);
  *   stroke(0);
  *   rect(bbox.x, bbox.y, bbox.w, bbox.h);
@@ -179,13 +179,13 @@ p5.Font.prototype.textBounds = function(str, x, y, fontSize, options) {
  * @example
  * <div>
  * <code>
- * var font;
+ * let font;
  * function preload() {
  *   font = loadFont('./assets/Avenir.otf');
  * }
  *
- * var points;
- * var bounds;
+ * let points;
+ * let bounds;
  * function setup() {
  *   createCanvas(100, 100);
  *   stroke(0);
@@ -202,8 +202,8 @@ p5.Font.prototype.textBounds = function(str, x, y, fontSize, options) {
  *   background(255);
  *   beginShape();
  *   translate(-bounds.x * width / bounds.w, -bounds.y * height / bounds.h);
- *   for (var i = 0; i < points.length; i++) {
- *     var p = points[i];
+ *   for (let i = 0; i < points.length; i++) {
+ *     let p = points[i];
  *     vertex(
  *       p.x * width / bounds.w +
  *         sin(20 * p.y / bounds.h + millis() / 1000) * width / 30,