Fix typos and spelling (#5462)

Co-authored-by: Noeri Huisman <mrxz@users.noreply.github.com>

Author: mrxz

examples/mixed-reality/watch/hand-menu-button.js

@@ -96,7 +96,7 @@ AFRAME.registerComponent('hand-menu-button', {
 });
 
 /*
-   User's hand can collide with multiple buttons simulatenously but only want one in a hovered state.
+   User's hand can collide with multiple buttons simultaneously but only want one in a hovered state.
    This system keeps track of all the collided buttons, keeping just the closest to the hand in a hovered state.
 */
 AFRAME.registerSystem('hand-menu-button', {

examples/mixed-reality/watch/hand-menu.js

@@ -182,7 +182,7 @@ AFRAME.registerComponent('hand-menu', {
   },
 
   onPinchStarted: (function () {
-    var auxMaxtrix = new THREE.Matrix4();
+    var auxMatrix = new THREE.Matrix4();
     var auxQuaternion = new THREE.Quaternion();
     return function (evt) {
       if (!this.handHoveringEl || this.opened) { return; }
@@ -191,7 +191,7 @@ AFRAME.registerComponent('hand-menu', {
       this.menuEl.emit('open');
       function lookAtVector (sourcePoint, destPoint) {
         return auxQuaternion.setFromRotationMatrix(
-            auxMaxtrix.identity()
+            auxMatrix.identity()
             .lookAt(sourcePoint, destPoint, new THREE.Vector3(0, 1, 0)));
       }
 

examples/showcase/model-viewer/model-viewer.js

@@ -203,7 +203,7 @@ AFRAME.registerComponent('model-viewer', {
     var arShadowEl = this.arShadowEl = document.createElement('a-entity');
     // The title / legend displayed above the model.
     var titleEl = this.titleEl = document.createElement('a-entity');
-    // Scene ligthing.
+    // Scene lighting.
     var lightEl = this.lightEl = document.createElement('a-entity');
     var sceneLightEl = this.sceneLightEl = document.createElement('a-entity');
 

src/components/animation.js

@@ -323,8 +323,8 @@ module.exports.Component = registerComponent('animation', {
         value = anim.animatables[0].target.aframeProperty;
 
         // Need to do a last value check for animation timeline since all the tweening
-        // begins simultaenously even if the value has not changed. Also better for perf
-        // anyways.
+        // begins simultaneously even if the value has not changed. Also better for perf
+        // anyway.
         if (value === lastValue) { return; }
         lastValue = value;
 

src/components/cursor.js

@@ -459,7 +459,7 @@ module.exports.Component = registerComponent('cursor', {
     // Clear fuseTimeout.
     clearTimeout(this.fuseTimeout);
 
-    // Set intersection to another raycasted element if any.
+    // Set intersection to another raycast element if any.
     if (ignoreRemaining === true) { return; }
     intersections = this.el.components.raycaster.intersections;
     if (intersections.length === 0) { return; }

src/components/hand-tracking-grab-controls.js

@@ -119,11 +119,11 @@ registerComponent('hand-tracking-grab-controls', {
 
   grab: function () {
     var grabbedEl = this.grabbedEl;
-    var grabedObjectWorldPosition;
+    var grabbedObjectWorldPosition;
 
-    grabedObjectWorldPosition = grabbedEl.object3D.getWorldPosition(this.grabbedObjectPosition);
+    grabbedObjectWorldPosition = grabbedEl.object3D.getWorldPosition(this.grabbedObjectPosition);
 
-    this.grabDeltaPosition.copy(grabedObjectWorldPosition).sub(this.pinchPosition);
+    this.grabDeltaPosition.copy(grabbedObjectWorldPosition).sub(this.pinchPosition);
     this.grabInitialRotation.copy(this.auxQuaternion.copy(this.wristRotation).invert());
 
     this.originalUpdateMatrixWorld = grabbedEl.object3D.updateMatrixWorld;
@@ -159,8 +159,8 @@ registerComponent('hand-tracking-grab-controls', {
     // Both grabbing and grabbed entities position and rotation.
 
     // 1. Move grabbed entity to the pinch position (middle point between index and thumb)
-    // 2. Apply the rotation delta (substract initial rotation) of the grabbing entity position (wrist).
-    // 3. Translate grabbed entity to the original position: distance betweeen grabbed and grabbing entities at collision time.
+    // 2. Apply the rotation delta (subtract initial rotation) of the grabbing entity position (wrist).
+    // 3. Translate grabbed entity to the original position: distance between grabbed and grabbing entities at collision time.
     // 4. Apply grabbed entity rotation.
     // 5. Preserve original scale.
 

src/components/hp-mixed-reality-controls.js

@@ -11,7 +11,7 @@ var onButtonEvent = trackedControlsUtils.onButtonEvent;
 // TODO: Add a more robust system for deriving gamepad name.
 var GAMEPAD_ID = 'hp-mixed-reality';
 var AFRAME_CDN_ROOT = require('../constants').AFRAME_CDN_ROOT;
-var HP_MIXEDL_REALITY_MODEL_GLB_BASE_URL = AFRAME_CDN_ROOT + 'controllers/hp/mixed-reality/';
+var HP_MIXED_REALITY_MODEL_GLB_BASE_URL = AFRAME_CDN_ROOT + 'controllers/hp/mixed-reality/';
 
 var HP_MIXED_REALITY_POSITION_OFFSET = {x: 0, y: 0, z: 0.06};
 var HP_MIXED_REALITY_ROTATION_OFFSET = {_x: Math.PI / 4, _y: 0, _z: 0, _order: 'XYZ'};
@@ -131,7 +131,7 @@ module.exports.Component = registerComponent('hp-mixed-reality-controls', {
 
     // Load model.
     if (!this.data.model) { return; }
-    this.el.setAttribute('gltf-model', HP_MIXEDL_REALITY_MODEL_GLB_BASE_URL + this.data.hand + '.glb');
+    this.el.setAttribute('gltf-model', HP_MIXED_REALITY_MODEL_GLB_BASE_URL + this.data.hand + '.glb');
   },
 
   addControllersUpdateListener: function () {

src/components/layer.js

@@ -179,7 +179,7 @@ module.exports.Component = registerComponent('layer', {
     var gl = this.el.sceneEl.renderer.getContext();
     var cubefaceTextures;
 
-    // dont flip the pixels as we load them into the texture buffer.
+    // don't flip the pixels as we load them into the texture buffer.
     // TEXTURE_CUBE_MAP expects the Y to be flipped for the faces and it already
     // is flipped in our texture image.
     gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, false);

src/components/link.js

@@ -168,7 +168,7 @@ module.exports.Component = registerComponent('link', {
 
   /**
    * 1. Swap plane that represents portal with sphere with a hole when the camera is close
-   * so user can peek inside portal. Sphere is rendered on oposite side of portal
+   * so user can peek inside portal. Sphere is rendered on opposite side of portal
    * from where user enters.
    * 2. Place the url/title above or inside portal depending on distance to camera.
    * 3. Face portal to camera when far away from user.
@@ -228,7 +228,7 @@ module.exports.Component = registerComponent('link', {
           this.semiSphereEl.setAttribute('visible', true);
           this.peekCameraPortalOrientation = cameraPortalOrientation;
         } else {
-          // Calculate wich side the camera is approaching the camera (back / front).
+          // Calculate which side the camera is approaching the camera (back / front).
           // Adjust text orientation based on camera position.
           if (cameraPortalOrientation <= 0.0) {
             textEl.setAttribute('rotation', '0 180 0');

src/components/look-controls.js

@@ -358,7 +358,7 @@ module.exports.Component = registerComponent('look-controls', {
     deltaY = 2 * Math.PI * (evt.touches[0].pageX - this.touchStart.x) / canvas.clientWidth;
 
     direction = this.data.reverseTouchDrag ? 1 : -1;
-    // Limit touch orientaion to to yaw (y axis).
+    // Limit touch orientation to to yaw (y axis).
     yawObject.rotation.y -= deltaY * 0.5 * direction;
     this.touchStart = {
       x: evt.touches[0].pageX,