react-simple-game-engine 0.1.86 → 0.1.87

package/lib/classes/p5.d.ts

@@ -7,6 +7,10 @@ export declare class P5 extends p5 {
     scaler: Scaler;
     running: boolean;
     constructor(sketch: (p5: P5) => void, scaler: Scaler);
+    get gameWidth(): number;
+    get gameHeight(): number;
+    get gameMouseX(): number;
+    get gameMouseY(): number;
     choose<I = any>(collection: Collection<I>): I;
 }
 export {};

package/lib/classes/p5.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"p5.d.ts","sourceRoot":"","sources":["../../src/classes/p5.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,CAAC;AACpB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,aAAK,eAAe,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;AACtC,aAAK,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;AAEvB,oBAAY,UAAU,CAAC,CAAC,IAAI,CAAC,GAAG,eAAe,CAAC,CAAC,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;AAEnE,qBAAa,EAAG,SAAQ,EAAE;IAGqB,MAAM,EAAE,MAAM;IAF3D,OAAO,UAAQ;gBAEH,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,KAAK,IAAI,EAAS,MAAM,EAAE,MAAM;IAK3D,MAAM,CAAC,CAAC,GAAG,GAAG,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC;CA+B9C"}
+{"version":3,"file":"p5.d.ts","sourceRoot":"","sources":["../../src/classes/p5.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,CAAC;AACpB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,aAAK,eAAe,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;AACtC,aAAK,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;AAEvB,oBAAY,UAAU,CAAC,CAAC,IAAI,CAAC,GAAG,eAAe,CAAC,CAAC,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;AAEnE,qBAAa,EAAG,SAAQ,EAAE;IAGqB,MAAM,EAAE,MAAM;IAF3D,OAAO,UAAQ;gBAEH,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,KAAK,IAAI,EAAS,MAAM,EAAE,MAAM;IAK3D,IAAI,SAAS,WAEZ;IAED,IAAI,UAAU,WAEb;IAED,IAAI,UAAU,WAEb;IAED,IAAI,UAAU,WAEb;IAED,MAAM,CAAC,CAAC,GAAG,GAAG,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC;CA+B9C"}

package/lib/classes/p5.js

@@ -23,6 +23,34 @@ var P5 = /** @class */ (function (_super) {
         window.Renderer = _this;
         return _this;
     }
+    Object.defineProperty(P5.prototype, "gameWidth", {
+        get: function () {
+            return this.scaler.gameSize.width;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(P5.prototype, "gameHeight", {
+        get: function () {
+            return this.scaler.gameSize.height;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(P5.prototype, "gameMouseX", {
+        get: function () {
+            return this.mouseX + this.scaler.deltaOfScale.x;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(P5.prototype, "gameMouseY", {
+        get: function () {
+            return this.mouseY + this.scaler.deltaOfScale.y;
+        },
+        enumerable: false,
+        configurable: true
+    });
     P5.prototype.choose = function (collection) {
         var lastItem = collection[collection.length - 1];
         var restItems = collection.slice(0, collection.length - 1);

package/lib/classes/particle.js

@@ -82,8 +82,8 @@ var Particle = /** @class */ (function (_super) {
     Particle.prototype.draw = function () {
         Renderer.push();
         Renderer.noStroke();
-        var deltaToCenter = Renderer.scaler.deltaToCenterForCanvas;
-        Renderer.translate(this.x - this.camera.x + deltaToCenter.x, this.y - this.camera.y + deltaToCenter.y);
+        var deltaOfScale = Renderer.scaler.deltaOfScale;
+        Renderer.translate(this.x - this.camera.x + deltaOfScale.x, this.y - this.camera.y + deltaOfScale.y);
         Renderer.rotate(this.angle);
         var color = __spreadArray([], this.color, true);
         var alpha = Renderer.map(this.lifetimeRemain, 0, this.lifetime, 0, 255);

package/lib/classes/scaler.d.ts

@@ -5,23 +5,24 @@ export declare class Scaler {
     private readonly _gameSize;
     private _layoutMode;
     private _value;
+    private _deltaOfScale;
+    private _deltaOfScaleForUI;
     constructor(_canvasSize: Size, _gameSize: Size, _layoutMode: LayoutMode);
-    get value(): number;
-    get gameSize(): Size;
-    get canvasSize(): Size;
-    get layoutMode(): LayoutMode;
-    get scaledSize(): {
-        width: number;
-        height: number;
-    };
-    get deltaToCenterForCanvas(): {
+    get deltaOfScaleForUI(): {
         x: number;
         y: number;
     };
-    get deltaToCenterForUI(): {
+    get deltaOfScale(): {
         x: number;
         y: number;
     };
+    get value(): number;
+    get gameSize(): Size;
+    get canvasSize(): Size;
+    get layoutMode(): LayoutMode;
+    private get scaledSize();
+    private updateDeltaOfScale;
+    private updateDeltaOfScaleForUI;
     set gameSize(_gameSize: Size);
     set canvasSize(_canvasSize: Size);
     set layoutMode(_layoutMode: LayoutMode);

package/lib/classes/scaler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scaler.d.ts","sourceRoot":"","sources":["../../src/classes/scaler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAGvC,qBAAa,MAAM;IAGf,OAAO,CAAC,QAAQ,CAAC,WAAW;IAC5B,OAAO,CAAC,QAAQ,CAAC,SAAS;IAC1B,OAAO,CAAC,WAAW;IAJrB,OAAO,CAAC,MAAM,CAAS;gBAEJ,WAAW,EAAE,IAAI,EACjB,SAAS,EAAE,IAAI,EACxB,WAAW,EAAE,UAAU;IAKjC,IAAI,KAAK,WAER;IAED,IAAI,QAAQ,IAuCY,IAAI,CArC3B;IAED,IAAI,UAAU,IAwCc,IAAI,CAtC/B;IAED,IAAI,UAAU,IAyCc,UAAU,CAvCrC;IAED,IAAI,UAAU;;;MAKb;IAED,IAAI,sBAAsB;;;MAQzB;IAED,IAAI,kBAAkB;;;MAQrB;IAED,IAAI,QAAQ,CAAC,SAAS,EAAE,IAAI,EAG3B;IAED,IAAI,UAAU,CAAC,WAAW,EAAE,IAAI,EAG/B;IAED,IAAI,UAAU,CAAC,WAAW,EAAE,UAAU,EAGrC;IAED,OAAO,CAAC,MAAM;CAef"}
+{"version":3,"file":"scaler.d.ts","sourceRoot":"","sources":["../../src/classes/scaler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAGvC,qBAAa,MAAM;IAKf,OAAO,CAAC,QAAQ,CAAC,WAAW;IAC5B,OAAO,CAAC,QAAQ,CAAC,SAAS;IAC1B,OAAO,CAAC,WAAW;IANrB,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,aAAa,CAA2B;IAChD,OAAO,CAAC,kBAAkB,CAA2B;gBAElC,WAAW,EAAE,IAAI,EACjB,SAAS,EAAE,IAAI,EACxB,WAAW,EAAE,UAAU;IAKjC,IAAI,iBAAiB;;;MAEpB;IAED,IAAI,YAAY;;;MAEf;IAED,IAAI,KAAK,WAER;IAED,IAAI,QAAQ,IAuCY,IAAI,CArC3B;IAED,IAAI,UAAU,IAwCc,IAAI,CAtC/B;IAED,IAAI,UAAU,IAyCc,UAAU,CAvCrC;IAED,OAAO,KAAK,UAAU,GAKrB;IAED,OAAO,CAAC,kBAAkB;IAU1B,OAAO,CAAC,uBAAuB;IAU/B,IAAI,QAAQ,CAAC,SAAS,EAAE,IAAI,EAG3B;IAED,IAAI,UAAU,CAAC,WAAW,EAAE,IAAI,EAG/B;IAED,IAAI,UAAU,CAAC,WAAW,EAAE,UAAU,EAGrC;IAED,OAAO,CAAC,MAAM;CAkBf"}

package/lib/classes/scaler.js

@@ -7,6 +7,20 @@ var Scaler = /** @class */ (function () {
         this._layoutMode = _layoutMode;
         this.update();
     }
+    Object.defineProperty(Scaler.prototype, "deltaOfScaleForUI", {
+        get: function () {
+            return this._deltaOfScaleForUI;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Scaler.prototype, "deltaOfScale", {
+        get: function () {
+            return this._deltaOfScale;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(Scaler.prototype, "value", {
         get: function () {
             return this._value;
@@ -57,32 +71,24 @@ var Scaler = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(Scaler.prototype, "deltaToCenterForCanvas", {
-        get: function () {
-            var _scaleSize = this.scaledSize;
-            var deltaW = Math.abs(this._canvasSize.width - _scaleSize.width);
-            var deltaH = Math.abs(this._canvasSize.height - _scaleSize.height);
-            return {
-                x: deltaW / this._value / 2,
-                y: deltaH / this._value / 2,
-            };
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Scaler.prototype, "deltaToCenterForUI", {
-        get: function () {
-            var _scaleSize = this.scaledSize;
-            var deltaW = Math.abs(this._canvasSize.width - _scaleSize.width);
-            var deltaH = Math.abs(this._canvasSize.height - _scaleSize.height);
-            return {
-                x: deltaW / 2,
-                y: deltaH / 2,
-            };
-        },
-        enumerable: false,
-        configurable: true
-    });
+    Scaler.prototype.updateDeltaOfScale = function () {
+        var _scaleSize = this.scaledSize;
+        var deltaW = Math.abs(this._canvasSize.width - _scaleSize.width);
+        var deltaH = Math.abs(this._canvasSize.height - _scaleSize.height);
+        this._deltaOfScale = {
+            x: deltaW / this._value / 2,
+            y: deltaH / this._value / 2,
+        };
+    };
+    Scaler.prototype.updateDeltaOfScaleForUI = function () {
+        var _scaleSize = this.scaledSize;
+        var deltaW = Math.abs(this._canvasSize.width - _scaleSize.width);
+        var deltaH = Math.abs(this._canvasSize.height - _scaleSize.height);
+        this._deltaOfScaleForUI = {
+            x: deltaW / 2,
+            y: deltaH / 2,
+        };
+    };
     Scaler.prototype.update = function () {
         if (this._layoutMode === LayoutMode.LANDSCAPE) {
             if (this._canvasSize.width >= this._canvasSize.height) {
@@ -100,6 +106,8 @@ var Scaler = /** @class */ (function () {
                 this._value = this._canvasSize.height / this._gameSize.height;
             }
         }
+        this.updateDeltaOfScale();
+        this.updateDeltaOfScaleForUI();
     };
     return Scaler;
 }());

package/lib/classes/sprites/sprite.js

@@ -44,8 +44,8 @@ var Sprite = /** @class */ (function () {
         var _a = this.entity, body = _a.body, position = _a.position, camera = _a.camera;
         Renderer.push();
         Renderer.noStroke();
-        var deltaToCenter = Renderer.scaler.deltaToCenterForCanvas;
-        Renderer.translate(position.x - camera.x + deltaToCenter.x, position.y - camera.y + deltaToCenter.y);
+        var deltaOfScale = Renderer.scaler.deltaOfScale;
+        Renderer.translate(position.x - camera.x + deltaOfScale.x, position.y - camera.y + deltaOfScale.y);
         Renderer.rotate(body.angle);
         this.onDraw();
         Renderer.pop();

package/lib/ui-components/scene-runner.js

@@ -69,8 +69,8 @@ export function SceneRunner(_a) {
                     userSelect: "none",
                     zIndex: 2,
                 } }, { children: _jsx("div", __assign({ style: __assign({ width: width, height: height, transform: "scale(".concat(refScaler.current.value, ")"), transformOrigin: "left top", position: "relative" }, (function () {
-                        var deltaToCenter = refScaler.current.deltaToCenterForUI;
-                        return { left: deltaToCenter.x, top: deltaToCenter.y };
+                        var deltaOfScaleForUI = refScaler.current.deltaOfScaleForUI;
+                        return { left: deltaOfScaleForUI.x, top: deltaOfScaleForUI.y };
                     })()) }, { children: !current.loadedAssets ? (assetsLoader) : (_jsx(_Fragment, { children: isBootDone ? (_jsx("div", __assign({ style: {
                                 width: "100%",
                                 height: "100%",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-simple-game-engine",
-  "version": "0.1.86",
+  "version": "0.1.87",
   "description": "",
   "main": "lib/index.js",
   "types": "lib",