@vived/app 2.17.0 → 2.18.2

package/lib/Entities/Babylon.js

@@ -29,11 +29,16 @@ class BabylonImp {
                 return;
             if (!this._renderCanvas)
                 return;
+            if (this.workingCanvas.height === this._renderCanvas.height &&
+                this.workingCanvas.width === this._renderCanvas.width) {
+                return;
+            }
             if (this.resizeEngine) {
                 this.resizeEngine();
             }
             this.workingCanvas.height = this._renderCanvas.height;
             this.workingCanvas.width = this._renderCanvas.width;
+            this.observers.notify();
         };
         this.submitRenderCanvas = (canvas) => {
             if (canvas === this._renderCanvas)

package/lib/Entities/TouchInput.js

@@ -35,7 +35,8 @@ class TouchInputImp {
             this._eventElement = eventElement;
         };
         this.onTouchStart = (e) => {
-            e.preventDefault();
+            if (e.cancelable)
+                e.preventDefault();
             const touchInput = this.createTouchInputEvent(e);
             this.controllers.forEach((c) => {
                 if (c.onTouchStart) {
@@ -44,7 +45,8 @@ class TouchInputImp {
             });
         };
         this.onTouchMove = (e) => {
-            e.preventDefault();
+            if (e.cancelable)
+                e.preventDefault();
             const touchInput = this.createTouchInputEvent(e);
             this.controllers.forEach((c) => {
                 if (c.onTouchMove) {
@@ -53,7 +55,8 @@ class TouchInputImp {
             });
         };
         this.onTouchEnd = (e) => {
-            e.preventDefault();
+            if (e.cancelable)
+                e.preventDefault();
             const touchInput = this.createTouchInputEvent(e);
             this.controllers.forEach((c) => {
                 if (c.onTouchEnd) {
@@ -62,7 +65,8 @@ class TouchInputImp {
             });
         };
         this.onTouchCancel = (e) => {
-            e.preventDefault();
+            if (e.cancelable)
+                e.preventDefault();
             const touchInput = this.createTouchInputEvent(e);
             this.controllers.forEach((c) => {
                 if (c.onTouchCancel) {

package/lib/UseCases/LerpVector3.d.ts

@@ -0,0 +1,26 @@
+import { Vector3 } from "../ValueObjects";
+export interface LerpVector3DTO {
+    initial: Vector3;
+    final: Vector3;
+    durationMS: number;
+    tickInterval?: number;
+    ease?: (percent: number) => number;
+    onTick?: (v: Vector3) => void;
+    onComplete?: () => void;
+    onCanceled?: () => void;
+}
+export declare class LerpVector3 {
+    private initial;
+    private final;
+    private durationMS;
+    private tickInterval;
+    private ease;
+    private onTick;
+    private onComplete;
+    private onCanceled;
+    private interval?;
+    private chrono;
+    cancel: () => void;
+    private tick;
+    constructor(lerpParams: LerpVector3DTO);
+}

package/lib/UseCases/LerpVector3.js

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LerpVector3 = void 0;
+const ValueObjects_1 = require("../ValueObjects");
+class LerpVector3 {
+    constructor(lerpParams) {
+        this.tickInterval = 10;
+        this.ease = (p) => p;
+        this.onTick = () => {
+            // Override as needed
+        };
+        this.onComplete = () => {
+            // Override as needed
+        };
+        this.onCanceled = () => {
+            // Override as needed
+        };
+        this.chrono = 0;
+        this.cancel = () => {
+            if (this.interval) {
+                clearInterval(this.interval);
+                this.onCanceled();
+                this.interval = undefined;
+            }
+        };
+        this.tick = () => {
+            this.chrono = this.chrono + this.tickInterval;
+            let nomralizedTime = this.chrono / this.durationMS;
+            if (nomralizedTime > 1) {
+                nomralizedTime = 1;
+            }
+            const percent = this.ease(nomralizedTime);
+            const lerpedVec = ValueObjects_1.Vector3.Lerp(this.initial, this.final, percent);
+            this.onTick(lerpedVec);
+            if (nomralizedTime >= 1 && this.interval) {
+                clearInterval(this.interval);
+                this.interval = undefined;
+                if (this.onComplete) {
+                    this.onComplete();
+                }
+            }
+        };
+        this.initial = lerpParams.initial;
+        this.final = lerpParams.final;
+        this.durationMS = lerpParams.durationMS;
+        if (lerpParams.onTick) {
+            this.onTick = lerpParams.onTick;
+        }
+        if (lerpParams.tickInterval) {
+            this.tickInterval = lerpParams.tickInterval;
+        }
+        if (lerpParams.onComplete) {
+            this.onComplete = lerpParams.onComplete;
+        }
+        if (lerpParams.ease) {
+            this.ease = lerpParams.ease;
+        }
+        if (lerpParams.onCanceled) {
+            this.onCanceled = lerpParams.onCanceled;
+        }
+        this.interval = setInterval(() => {
+            this.tick();
+        }, this.tickInterval);
+    }
+}
+exports.LerpVector3 = LerpVector3;

package/lib/UseCases/index.d.ts

@@ -1,3 +1,4 @@
 export * from "./setDevicePreview";
 export * from "./FocusCamera";
 export * from "./QuestionChallenge";
+export * from "./LerpVector3";

package/lib/UseCases/index.js

@@ -13,3 +13,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./setDevicePreview"), exports);
 __exportStar(require("./FocusCamera"), exports);
 __exportStar(require("./QuestionChallenge"), exports);
+__exportStar(require("./LerpVector3"), exports);

package/package.json

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