react-simple-game-engine 0.1.73 → 0.1.74

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/lib/classes/scaler.d.ts +8 -0
  2. package/lib/classes/scaler.d.ts.map +1 -1
  3. package/lib/classes/scaler.js +21 -0
  4. package/lib/classes/sprites/sprite.d.ts.map +1 -1
  5. package/lib/classes/sprites/sprite.js +2 -1
  6. package/lib/ui-components/scene-runner.js +3 -3
  7. package/package.json +1 -1
package/lib/classes/scaler.d.ts CHANGED
@@ -10,6 +10,14 @@ export declare class Scaler {
10
10
  get gameSize(): Size;
11
11
  get canvasSize(): Size;
12
12
  get layoutMode(): LayoutMode;
13
+ get scaledSize(): {
14
+ width: number;
15
+ height: number;
16
+ };
17
+ get deltaToCenter(): {
18
+ x: number;
19
+ y: number;
20
+ };
13
21
  set gameSize(_gameSize: Size);
14
22
  set canvasSize(_canvasSize: Size);
15
23
  set layoutMode(_layoutMode: LayoutMode);
package/lib/classes/scaler.d.ts.map CHANGED
@@ -1 +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,IAYY,IAAI,CAV3B;IAED,IAAI,UAAU,IAac,IAAI,CAX/B;IAED,IAAI,UAAU,IAcc,UAAU,CAZrC;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;CAOf"}
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,IA2BY,IAAI,CAzB3B;IAED,IAAI,UAAU,IA4Bc,IAAI,CA1B/B;IAED,IAAI,UAAU,IA6Bc,UAAU,CA3BrC;IAED,IAAI,UAAU;;;MAKb;IAED,IAAI,aAAa;;;MAMhB;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;CAOf"}
package/lib/classes/scaler.js CHANGED
@@ -47,6 +47,27 @@ var Scaler = /** @class */ (function () {
47
47
  enumerable: false,
48
48
  configurable: true
49
49
  });
50
+ Object.defineProperty(Scaler.prototype, "scaledSize", {
51
+ get: function () {
52
+ return {
53
+ width: this._gameSize.width * this._value,
54
+ height: this._gameSize.height * this._value,
55
+ };
56
+ },
57
+ enumerable: false,
58
+ configurable: true
59
+ });
60
+ Object.defineProperty(Scaler.prototype, "deltaToCenter", {
61
+ get: function () {
62
+ var _scaleSize = this.scaledSize;
63
+ return {
64
+ x: Math.abs(this._canvasSize.width - _scaleSize.width) / 2,
65
+ y: Math.abs(this._canvasSize.height - _scaleSize.height) / 2,
66
+ };
67
+ },
68
+ enumerable: false,
69
+ configurable: true
70
+ });
50
71
  Scaler.prototype.update = function () {
51
72
  if (this._layoutMode === LayoutMode.LANDSCAPE) {
52
73
  this._value = this._canvasSize.height / this._gameSize.height;
package/lib/classes/sprites/sprite.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"sprite.d.ts","sourceRoot":"","sources":["../../../src/classes/sprites/sprite.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,oBAAY,UAAU,GAAG,MAAM,GAAG,KAAK,GAAG,SAAS,GAAG,IAAI,CAAC;AAE3D,oBAAY,gBAAgB,CAAC,CAAC,SAAS,MAAM,CAAC,GAAG,CAAC,GAAG,GAAG,IAAI;IAC1D,MAAM,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC;IACrB,SAAS,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC;CAChD,CAAC;AAEF,8BAAsB,MAAM,CAAC,UAAU,SAAS,UAAU;IACjD,MAAM,EAAE,UAAU,CAAC;IAC1B,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,OAAO,CAAS;IAExB,OAAO,CAAC,UAAU,CAAoC;IAEtD,IAAI,SAAS,CAAC,GAAG,EAAE,eAAe,CAAC,IAAI,CAAC,EAGvC;IAED,IAAI,SAAS,IAAI,eAAe,CAAC,IAAI,CAAC,CAErC;IAED,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,EAKxB;IAED,IAAI,MAAM,IAPS,MAAM,CASxB;IAED,IAAI,KAAK,WAER;IAED,IAAI,MAAM,WAET;IAED,IAAI;IAaJ,QAAQ,CAAC,MAAM,IAAI,IAAI;IAEvB,OAAO,CAAC,MAAM,CAAC,EAAE,gBAAgB,CAAC,IAAI,CAAC;CAexC"}
1
+ {"version":3,"file":"sprite.d.ts","sourceRoot":"","sources":["../../../src/classes/sprites/sprite.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,oBAAY,UAAU,GAAG,MAAM,GAAG,KAAK,GAAG,SAAS,GAAG,IAAI,CAAC;AAE3D,oBAAY,gBAAgB,CAAC,CAAC,SAAS,MAAM,CAAC,GAAG,CAAC,GAAG,GAAG,IAAI;IAC1D,MAAM,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC;IACrB,SAAS,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC;CAChD,CAAC;AAEF,8BAAsB,MAAM,CAAC,UAAU,SAAS,UAAU;IACjD,MAAM,EAAE,UAAU,CAAC;IAC1B,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,OAAO,CAAS;IAExB,OAAO,CAAC,UAAU,CAAoC;IAEtD,IAAI,SAAS,CAAC,GAAG,EAAE,eAAe,CAAC,IAAI,CAAC,EAGvC;IAED,IAAI,SAAS,IAAI,eAAe,CAAC,IAAI,CAAC,CAErC;IAED,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,EAKxB;IAED,IAAI,MAAM,IAPS,MAAM,CASxB;IAED,IAAI,KAAK,WAER;IAED,IAAI,MAAM,WAET;IAED,IAAI;IAeJ,QAAQ,CAAC,MAAM,IAAI,IAAI;IAEvB,OAAO,CAAC,MAAM,CAAC,EAAE,gBAAgB,CAAC,IAAI,CAAC;CAexC"}
package/lib/classes/sprites/sprite.js CHANGED
@@ -44,7 +44,8 @@ var Sprite = /** @class */ (function () {
44
44
  var _a = this.entity, body = _a.body, position = _a.position, camera = _a.camera;
45
45
  Renderer.push();
46
46
  Renderer.noStroke();
47
- Renderer.translate(position.x - camera.x + Renderer.width / 2, position.y - camera.y + Renderer.height / 2);
47
+ var deltaToCenter = Renderer.scaler.deltaToCenter;
48
+ Renderer.translate(position.x - camera.x + deltaToCenter.x, position.y - camera.y + deltaToCenter.y);
48
49
  Renderer.rotate(body.angle);
49
50
  this.onDraw();
50
51
  Renderer.pop();
package/lib/ui-components/scene-runner.js CHANGED
@@ -61,15 +61,15 @@ export function SceneRunner(_a) {
61
61
  } }, { children: current.loadedAssets ? (_jsxs(_Fragment, { children: [_jsx(Sketch, { onSetup: setup, onDraw: draw, scaler: refScaler.current }), _jsx("div", __assign({ style: {
62
62
  position: "absolute",
63
63
  top: 0,
64
- bottom: 0,
65
64
  left: 0,
66
- right: 0,
65
+ width: width,
66
+ height: height,
67
67
  userSelect: "none",
68
68
  zIndex: 2,
69
+ transform: "scale(".concat(refScaler.current.value, ")"),
69
70
  } }, { children: isBootDone ? (_jsx("div", __assign({ style: {
70
71
  width: "100%",
71
72
  height: "100%",
72
- transform: "scale(".concat(refScaler.current.value, ")"),
73
73
  } }, { children: _jsx(current.UI, __assign({ scene: current }, current.UIProps)) }))) : (_jsx("div", {})) }))] })) : (_jsx("div", __assign({ style: {
74
74
  width: "100%",
75
75
  height: "100%",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-simple-game-engine",
3
- "version": "0.1.73",
3
+ "version": "0.1.74",
4
4
  "description": "",
5
5
  "main": "lib/index.js",
6
6
  "types": "lib",