@vived/app 2.9.0 → 2.9.1

package/lib/Entities/TouchInput.d.ts

@@ -1,3 +1,4 @@
+import { Vector2 } from ".";
 export interface TouchController {
     onTouchStart?: (e: TouchEvent) => void;
     onTouchMove?: (e: TouchEvent) => void;
@@ -6,8 +7,13 @@ export interface TouchController {
 }
 export interface TouchInput {
     eventElement: HTMLElement | undefined;
+    eventElementBounds?: DOMRect;
     setEventElement: (eventElement: HTMLElement) => void;
     clearInputElement: () => void;
+    updateInputElementBounds: () => void;
+    getTouchOffsetPosition: (touch: Touch) => Vector2;
+    getDistatnceBetweenTouches: (touch1: Touch, touch2: Touch) => number;
+    getTouchsCenter: (touches: TouchList) => Vector2;
     registerController: (controller: TouchController) => void;
     removeController: (controller: TouchController) => void;
 }

package/lib/Entities/TouchInput.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.makeTouchInput = void 0;
+const _1 = require(".");
 function makeTouchInput() {
     return new TouchInputImp();
 }
@@ -9,6 +10,40 @@ class TouchInputImp {
     constructor() {
         this.controllers = [];
         this._eventElement = undefined;
+        this.updateInputElementBounds = () => {
+            if (!this._eventElement)
+                return;
+            this.eventElementBounds = this._eventElement.getBoundingClientRect(); // Expensive so we cache
+        };
+        this.getTouchOffsetPosition = (touch) => {
+            if (!this.eventElementBounds) {
+                console.warn("No target bounds");
+                return _1.Vector2.Zero();
+            }
+            const x = touch.clientX - this.eventElementBounds.x;
+            const y = touch.clientY - this.eventElementBounds.y;
+            return new _1.Vector2(x, y);
+        };
+        this.getDistatnceBetweenTouches = (touch1, touch2) => {
+            const t1 = this.getTouchOffsetPosition(touch1);
+            const t2 = this.getTouchOffsetPosition(touch2);
+            const delta = t2.subtract(t1);
+            return delta.magnitued;
+        };
+        this.getTouchsCenter = (touches) => {
+            const touchCount = touches.length;
+            if (touchCount === 0)
+                return _1.Vector2.Zero();
+            let sumX = 0;
+            let sumY = 0;
+            for (let i = 0; i < touchCount; i++) {
+                const touch = touches[i];
+                const touchPos = this.getTouchOffsetPosition(touch);
+                sumX += touchPos.x;
+                sumY += touchPos.y;
+            }
+            return new _1.Vector2(sumX / touches.length, sumY / touches.length);
+        };
         this.setEventElement = (eventElement) => {
             if (this._eventElement)
                 this.clearInputElement();
@@ -16,6 +51,7 @@ class TouchInputImp {
             eventElement.addEventListener("touchmove", this.onTouchMove, false);
             eventElement.addEventListener("touchend", this.onTouchEnd, false);
             eventElement.addEventListener("touchcancel", this.onTouchCancel, false);
+            this.eventElementBounds = eventElement.getBoundingClientRect();
             this._eventElement = eventElement;
         };
         this.onTouchStart = (e) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vived/app",
-  "version": "2.9.0",
+  "version": "2.9.1",
   "description": "Public package for the VIVED Learning App system",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",