fix(typos): fix typos show up in docs

src/core/constants.js

@@ -155,7 +155,7 @@ export const TAU = _PI * 2;
 export const TWO_PI = _PI * 2;
 /**
  * Constant to be used with <a href="#/p5/angleMode">angleMode()</a> function, to set the mode which
- * p5.js interprates and calculates angles (either DEGREES or RADIANS).
+ * p5.js interprets and calculates angles (either DEGREES or RADIANS).
  * @property {String} DEGREES
  * @final
  *
@@ -169,7 +169,7 @@ export const TWO_PI = _PI * 2;
 export const DEGREES = 'degrees';
 /**
  * Constant to be used with <a href="#/p5/angleMode">angleMode()</a> function, to set the mode which
- * p5.js interprates and calculates angles (either RADIANS or DEGREES).
+ * p5.js interprets and calculates angles (either RADIANS or DEGREES).
  * @property {String} RADIANS
  * @final
  *

src/core/internationalization.js

@@ -104,7 +104,7 @@ FetchResources.type = 'backend';
 
 /**
  * This is our translation function. Give it a key and
- * it will retreive the appropriate string
+ * it will retrieve the appropriate string
  * (within supported languages) according to the
  * user's browser's language settings.
  * @function translator

src/core/main.js

@@ -377,7 +377,7 @@ class p5 {
         !this._loop ||
         time_since_last >= target_time_between_frames - epsilon
       ) {
-        //mandatory update values(matrixs and stack)
+        //mandatory update values(matrixes and stack)
         this.redraw();
         this._frameRate = 1000.0 / (now - this._lastFrameTime);
         this.deltaTime = now - this._lastFrameTime;

src/core/preload.js

@@ -81,7 +81,7 @@ p5.prototype._wrapPromisePreload = function(thisValue, fn, addCallbacks) {
         callback = args.pop();
       }
     }
-    // Call the underlying funciton and pass it to Promise.resolve,
+    // Call the underlying function and pass it to Promise.resolve,
     // so that even if it didn't return a promise we can still
     // act on the result as if it did.
     const promise = Promise.resolve(fn.apply(this, args));

src/core/reference.js

@@ -415,7 +415,7 @@
  * the initial state for the loop.The second expression is a condition that you
  * would like to check before each loop. If this expression returns false then
  * the loop will exit.The third expression is executed at the end of each loop.
- * These expression are seperated by ; (semi-colon).In case of an empty expression,
+ * These expression are separated by ; (semi-colon).In case of an empty expression,
  * only a semi-colon is written.
  *
  * The code inside of the loop body (in between the curly braces) is executed between the evaluation of the second

src/core/transform.js

@@ -183,7 +183,7 @@ p5.prototype.applyMatrix = function() {
  * </div>
  *
  * @alt
- * A rotated retangle in the center with another at the top left corner
+ * A rotated rectangle in the center with another at the top left corner
  */
 p5.prototype.resetMatrix = function() {
   this._renderer.resetMatrix();
@@ -200,7 +200,7 @@ p5.prototype.resetMatrix = function() {
  * Transformations apply to everything that happens after and subsequent
  * calls to the function accumulates the effect. For example, calling
  * rotate(HALF_PI) and then rotate(HALF_PI) is the same as rotate(PI).
- * All tranformations are reset when <a href="#/p5/draw">draw()</a> begins again.
+ * All transformations are reset when <a href="#/p5/draw">draw()</a> begins again.
  *
  * Technically, <a href="#/p5/rotate">rotate()</a> multiplies the current transformation matrix
  * by a rotation matrix. This function can be further controlled by
@@ -235,7 +235,7 @@ p5.prototype.rotate = function(angle, axis) {
  *
  * Objects are always rotated around their relative position to the
  * origin and positive numbers rotate objects in a clockwise direction.
- * All tranformations are reset when <a href="#/p5/draw">draw()</a> begins again.
+ * All transformations are reset when <a href="#/p5/draw">draw()</a> begins again.
  *
  * @method  rotateX
  * @param  {Number} angle the angle of rotation, specified in radians
@@ -271,7 +271,7 @@ p5.prototype.rotateX = function(angle) {
  *
  * Objects are always rotated around their relative position to the
  * origin and positive numbers rotate objects in a clockwise direction.
- * All tranformations are reset when <a href="#/p5/draw">draw()</a> begins again.
+ * All transformations are reset when <a href="#/p5/draw">draw()</a> begins again.
  *
  * @method rotateY
  * @param  {Number} angle the angle of rotation, specified in radians
@@ -309,7 +309,7 @@ p5.prototype.rotateY = function(angle) {
  *
  * Objects are always rotated around their relative position to the
  * origin and positive numbers rotate objects in a clockwise direction.
- * All tranformations are reset when <a href="#/p5/draw">draw()</a> begins again.
+ * All transformations are reset when <a href="#/p5/draw">draw()</a> begins again.
  *
  * @method rotateZ
  * @param  {Number} angle the angle of rotation, specified in radians