@gg-web-engine/core 0.0.40 → 0.0.49

package/dist/base/inputs/mouse.input.d.ts

@@ -7,7 +7,7 @@ import { Point2 } from '../models/points';
  * canvas?: Canvas element. If not provided, mouse events will be listened on the whole window
  * pointerLock: The flag to enable pointer lock when clicking on canvas
  */
-export declare type MouseInputOptions = {
+export type MouseInputOptions = {
     canvas?: HTMLCanvasElement;
     pointerLock: boolean;
 };
@@ -59,6 +59,7 @@ export declare class MouseInput extends IInput<[], [unlockPointer?: boolean]> {
     private _wheel$;
     get wheel$(): Observable<number>;
     get isPointerLocked(): boolean;
+    get isPointerLocked$(): Observable<boolean>;
     private readonly options;
     private _delta$;
     private _position$;

package/dist/base/inputs/mouse.input.js

@@ -35,24 +35,6 @@ export var MouseInputState;
  * A class representing mouse input.
  */
 export class MouseInput extends IInput {
-    /**
-     Creates an instance of MouseInput.
-     @param {MouseInputOptions} options - The options for the MouseInput.
-     */
-    constructor(options = {}) {
-        super();
-        /**
-         An observable of the wheel scrolling.
-         */
-        this._wheel$ = null;
-        this._delta$ = new Subject();
-        this._position$ = new BehaviorSubject(Pnt2.O);
-        this._multiTouchPositions$ = new BehaviorSubject([]);
-        this.stopped$ = new Subject();
-        this._state$ = new BehaviorSubject(MouseInputState.NONE);
-        this.options = Object.assign(Object.assign({}, DEFAULT_MOUSE_INPUT_OPTIONS), options);
-        this.canvasClickListener = this.canvasClickListener.bind(this);
-    }
     static isTouchDevice() {
         return ('createTouch' in document ||
             !!navigator.userAgent.match(/(iPhone|iPod|iPad)/) ||
@@ -85,6 +67,9 @@ export class MouseInput extends IInput {
     get isPointerLocked() {
         return !!document.pointerLockElement;
     }
+    get isPointerLocked$() {
+        return fromEvent(document, 'pointerlockchange').pipe(map(() => this.isPointerLocked));
+    }
     get state() {
         return this._state$.getValue();
     }
@@ -104,6 +89,24 @@ export class MouseInput extends IInput {
     get _element() {
         return this.options.canvas || window;
     }
+    /**
+     Creates an instance of MouseInput.
+     @param {MouseInputOptions} options - The options for the MouseInput.
+     */
+    constructor(options = {}) {
+        super();
+        /**
+         An observable of the wheel scrolling.
+         */
+        this._wheel$ = null;
+        this._delta$ = new Subject();
+        this._position$ = new BehaviorSubject(Pnt2.O);
+        this._multiTouchPositions$ = new BehaviorSubject([]);
+        this.stopped$ = new Subject();
+        this._state$ = new BehaviorSubject(MouseInputState.NONE);
+        this.options = Object.assign(Object.assign({}, DEFAULT_MOUSE_INPUT_OPTIONS), options);
+        this.canvasClickListener = this.canvasClickListener.bind(this);
+    }
     startInternal() {
         if (this.options.canvas) {
             this.options.canvas.style.touchAction = 'none';

package/dist/base/math/quaternion.d.ts

@@ -88,6 +88,12 @@ export declare class Qtrn {
      * @returns a quaternion representing the rotation
      */
     static fromMatrix4(m: number[]): Point4;
+    /**
+     * Converts a 3x3 rotation matrix into a quaternion
+     * @param m the matrix representing the rotation
+     * @returns a quaternion representing the rotation
+     */
+    static fromMatrix3(m: number[][]): Point4;
     /**
      * Creates a quaternion from euler
      * @param e the euler vector

package/dist/base/math/quaternion.js

@@ -178,6 +178,44 @@ export class Qtrn {
             };
         }
     }
+    /**
+     * Converts a 3x3 rotation matrix into a quaternion
+     * @param m the matrix representing the rotation
+     * @returns a quaternion representing the rotation
+     */
+    static fromMatrix3(m) {
+        const trace = m[0][0] + m[1][1] + m[2][2];
+        let w, x, y, z;
+        if (trace > 0) {
+            const s = 0.5 / Math.sqrt(trace + 1);
+            w = 0.25 / s;
+            x = (m[2][1] - m[1][2]) * s;
+            y = (m[0][2] - m[2][0]) * s;
+            z = (m[1][0] - m[0][1]) * s;
+        }
+        else if (m[0][0] > m[1][1] && m[0][0] > m[2][2]) {
+            const s = 2 * Math.sqrt(1 + m[0][0] - m[1][1] - m[2][2]);
+            w = (m[2][1] - m[1][2]) / s;
+            x = 0.25 * s;
+            y = (m[0][1] + m[1][0]) / s;
+            z = (m[0][2] + m[2][0]) / s;
+        }
+        else if (m[1][1] > m[2][2]) {
+            const s = 2 * Math.sqrt(1 + m[1][1] - m[0][0] - m[2][2]);
+            w = (m[0][2] - m[2][0]) / s;
+            x = (m[0][1] + m[1][0]) / s;
+            y = 0.25 * s;
+            z = (m[1][2] + m[2][1]) / s;
+        }
+        else {
+            const s = 2 * Math.sqrt(1 + m[2][2] - m[0][0] - m[1][1]);
+            w = (m[1][0] - m[0][1]) / s;
+            x = (m[0][2] + m[2][0]) / s;
+            y = (m[1][2] + m[2][1]) / s;
+            z = 0.25 * s;
+        }
+        return { w, x, y, z };
+    }
     /**
      * Creates a quaternion from euler
      * @param e the euler vector

package/dist/base/models/axis-directions.d.ts

@@ -1,3 +1,3 @@
-export declare type AxisDirection2 = 'x' | 'y' | '-x' | '-y';
-export declare type AxisDirection3 = AxisDirection2 | 'z' | '-z';
-export declare type AxisDirection4 = AxisDirection3 | 'w' | '-w';
+export type AxisDirection2 = 'x' | 'y' | '-x' | '-y';
+export type AxisDirection3 = AxisDirection2 | 'z' | '-z';
+export type AxisDirection4 = AxisDirection3 | 'w' | '-w';

package/dist/base/models/body-options.d.ts

@@ -1,4 +1,4 @@
-export declare type CollisionGroup = number;
+export type CollisionGroup = number;
 export interface BodyOptions {
     dynamic: boolean;
     mass: number;
@@ -7,7 +7,7 @@ export interface BodyOptions {
     ownCollisionGroups: CollisionGroup[] | 'all';
     interactWithCollisionGroups: CollisionGroup[] | 'all';
 }
-export declare type DebugBodySettings = {
+export type DebugBodySettings = {
     shape: any;
     ignoreTransform?: boolean;
 } & ({

package/dist/base/models/geometry-nodes.d.ts

@@ -1,7 +1,7 @@
 import { Point2, Point3 } from './points';
-export declare type GgBox<T> = {
+export type GgBox<T> = {
     min: T;
     max: T;
 };
-export declare type GgBox2d = GgBox<Point2>;
-export declare type GgBox3d = GgBox<Point3>;
+export type GgBox2d = GgBox<Point2>;
+export type GgBox3d = GgBox<Point3>;

package/dist/base/models/points.d.ts

@@ -1,24 +1,24 @@
-export declare type Point2 = {
+export type Point2 = {
     readonly x: number;
     readonly y: number;
 };
-export declare type Point3 = {
+export type Point3 = {
     readonly x: number;
     readonly y: number;
     readonly z: number;
 };
-export declare type Point4 = {
+export type Point4 = {
     readonly x: number;
     readonly y: number;
     readonly z: number;
     readonly w: number;
 };
-export declare type Spherical = {
+export type Spherical = {
     readonly radius: number;
     readonly phi: number;
     readonly theta: number;
 };
-export declare type MutableSpherical = {
+export type MutableSpherical = {
     radius: number;
     phi: number;
     theta: number;

package/dist/base/pipes/gg-elastic.pipe.d.ts

@@ -0,0 +1,5 @@
+import { Observable, OperatorFunction } from 'rxjs';
+export declare function ggElastic<T>(tick$: Observable<[number, number]>, // [elapsed, delta]
+elasticity: number, // Elasticity parameter
+mix: (a: T, b: T, factor: number) => T, // Mixing function
+equals: (a: T, b: T) => boolean): OperatorFunction<T, T>;

package/dist/base/pipes/gg-elastic.pipe.js

@@ -0,0 +1,44 @@
+import { filter, map, scan, switchMap } from 'rxjs';
+export function ggElastic(tick$, // [elapsed, delta]
+elasticity, // Elasticity parameter
+mix, // Mixing function
+equals) {
+    return (source$) => {
+        return source$.pipe(
+        // Track the target value
+        scan((acc, newValue) => {
+            var _a;
+            return ({
+                targetValue: newValue,
+                currentValue: (_a = acc.currentValue) !== null && _a !== void 0 ? _a : newValue, // Initialize to the first value on startup
+                hasReachedTarget: false, // Reset reach status on new target
+            });
+        }, { targetValue: null, currentValue: null, hasReachedTarget: false }), 
+        // Switch to using tick$ for timing, emitting interpolated values with each tick
+        switchMap(state => tick$.pipe(map(([_, delta]) => {
+            if (state.targetValue === null || state.currentValue === null) {
+                return state.currentValue; // If we have no values, output nothing
+            }
+            // Skip processing if we’ve reached the target and stop emitting
+            if (state.hasReachedTarget) {
+                return undefined; // Stop emitting by returning `undefined`
+            }
+            // Adjust factor based on elasticity and delta time
+            const factor = 1 - Math.exp(-delta / elasticity);
+            // Blend halfway towards the target on each tick
+            const newInterpolatedValue = mix(state.currentValue, state.targetValue, factor);
+            // Update the currentValue to the new interpolated position
+            state.currentValue = newInterpolatedValue;
+            // Check if the interpolated value is "close enough" to the target
+            if (equals(newInterpolatedValue, state.targetValue)) {
+                state.hasReachedTarget = true; // Mark as reached
+                return state.targetValue; // Emit exact target value
+            }
+            return newInterpolatedValue;
+        }))), 
+        // Filter out `undefined` emissions (to stop emitting when settled)
+        map(value => (value !== undefined ? value : null)), 
+        // Remove `null` values (after stopping)
+        filter(value => value !== null));
+    };
+}

package/dist/dev/gg-static.js

@@ -11,6 +11,52 @@ import { GgWorld } from '../base';
 import { GgConsoleUI } from './gg-console.ui';
 import { GgDebuggerUI } from './gg-debugger.ui';
 export class GgStatic {
+    static get instance() {
+        if (!window.ggstatic) {
+            window.ggstatic = new GgStatic();
+        }
+        return window.ggstatic;
+    }
+    get devConsoleEnabled() {
+        return this._devConsoleEnabled;
+    }
+    set devConsoleEnabled(value) {
+        if (this._devConsoleEnabled === value) {
+            return;
+        }
+        this._devConsoleEnabled = value;
+        if (value) {
+            addEventListener('keypress', this.consoleKeyPressEventListener);
+        }
+        else {
+            removeEventListener('keypress', this.consoleKeyPressEventListener);
+            if (this.consoleUI.isUIShown) {
+                this.consoleUI.destroyUI();
+            }
+        }
+    }
+    get showStats() {
+        return this.debuggerUI.showStats;
+    }
+    set showStats(value) {
+        this.debuggerUI.setShowStats(this.selectedWorld, value);
+    }
+    get showDebugControls() {
+        return this.debuggerUI.showDebugControls;
+    }
+    set showDebugControls(value) {
+        this.debuggerUI.setShowDebugControls(this.selectedWorld, value);
+    }
+    get selectedWorld() {
+        return this._selectedWorld || GgWorld.documentWorlds[0] || null;
+    }
+    get availableCommands() {
+        let commands = this.consoleCommands.get(null) || {};
+        if (this.selectedWorld) {
+            commands = Object.assign(Object.assign({}, (this.consoleCommands.get(this.selectedWorld) || {})), commands);
+        }
+        return Object.entries(commands);
+    }
     constructor() {
         this.debuggerUI = new GgDebuggerUI();
         this.consoleUI = new GgConsoleUI();
@@ -58,52 +104,6 @@ export class GgStatic {
             return '' + this.showStats;
         }), 'args: [0 or 1]; turn on/off stats. Default value is 0');
     }
-    static get instance() {
-        if (!window.ggstatic) {
-            window.ggstatic = new GgStatic();
-        }
-        return window.ggstatic;
-    }
-    get devConsoleEnabled() {
-        return this._devConsoleEnabled;
-    }
-    set devConsoleEnabled(value) {
-        if (this._devConsoleEnabled === value) {
-            return;
-        }
-        this._devConsoleEnabled = value;
-        if (value) {
-            addEventListener('keypress', this.consoleKeyPressEventListener);
-        }
-        else {
-            removeEventListener('keypress', this.consoleKeyPressEventListener);
-            if (this.consoleUI.isUIShown) {
-                this.consoleUI.destroyUI();
-            }
-        }
-    }
-    get showStats() {
-        return this.debuggerUI.showStats;
-    }
-    set showStats(value) {
-        this.debuggerUI.setShowStats(this.selectedWorld, value);
-    }
-    get showDebugControls() {
-        return this.debuggerUI.showDebugControls;
-    }
-    set showDebugControls(value) {
-        this.debuggerUI.setShowDebugControls(this.selectedWorld, value);
-    }
-    get selectedWorld() {
-        return this._selectedWorld || GgWorld.documentWorlds[0] || null;
-    }
-    get availableCommands() {
-        let commands = this.consoleCommands.get(null) || {};
-        if (this.selectedWorld) {
-            commands = Object.assign(Object.assign({}, (this.consoleCommands.get(this.selectedWorld) || {})), commands);
-        }
-        return Object.entries(commands);
-    }
     registerConsoleCommand(world, command, handler, doc) {
         let commands = {};
         if (!this.consoleCommands.has(world)) {

package/dist/dev/performance-meter.entity.js

@@ -1,6 +1,12 @@
 import { IEntity } from '../base';
 import { takeUntil } from 'rxjs';
 export class PerformanceMeterEntity extends IEntity {
+    get avgReport() {
+        return this._avgReport;
+    }
+    get peakReport() {
+        return this._peakReport;
+    }
     constructor(maxSamples = 60, maxRows = 15) {
         super();
         this.maxSamples = maxSamples;
@@ -11,12 +17,6 @@ export class PerformanceMeterEntity extends IEntity {
         this._avgReport = { totalTime: 0, entries: [] };
         this._peakReport = { totalTime: 0, entries: [] };
     }
-    get avgReport() {
-        return this._avgReport;
-    }
-    get peakReport() {
-        return this._peakReport;
-    }
     onSpawned(world) {
         super.onSpawned(world);
         this.sampleIndex = 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gg-web-engine/core",
-  "version": "0.0.40",
+  "version": "0.0.49",
   "description": "An attempt to create open source game engine for browser",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -32,12 +32,12 @@
   },
   "devDependencies": {
     "@types/jest": "^29.5.12",
-    "@types/stats.js": "^0.17.0",
-    "jest": "^29.5.0",
-    "jest-environment-jsdom": "^29.5.0",
-    "prettier": "^2.8.6",
-    "ts-jest": "^29.0.5",
-    "typescript": "~4.7.2"
+    "@types/stats.js": "^0.17.3",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "prettier": "^3.3.3",
+    "ts-jest": "^29.2.4",
+    "typescript": "~5.5.4"
   },
   "jest": {
     "moduleFileExtensions": [