react-simple-game-engine 0.1.76 → 0.1.79

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 (9) hide show
  1. package/lib/classes/particle.d.ts.map +1 -1
  2. package/lib/classes/particle.js +2 -1
  3. package/lib/classes/scaler.d.ts +5 -1
  4. package/lib/classes/scaler.d.ts.map +1 -1
  5. package/lib/classes/scaler.js +18 -5
  6. package/lib/classes/sprites/sprite.js +1 -1
  7. package/lib/ui-components/scene-runner.d.ts.map +1 -1
  8. package/lib/ui-components/scene-runner.js +4 -1
  9. package/package.json +1 -1
package/lib/classes/particle.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"particle.d.ts","sourceRoot":"","sources":["../../src/classes/particle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,CAAC;AACpB,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,oBAAY,qBAAqB,GAAG;IAClC,GAAG,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,qBAAa,QACX,SAAQ,EAAE,CAAC,MACX,YAAW,UAAU,CAAC,qBAAqB,CAAC;IAE5C,OAAO,CAAC,GAAG,CAAsC;IACjD,OAAO,CAAC,GAAG,CAAsC;IACjD,OAAO,CAAC,KAAK,CAAa;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,KAAK,CAAmB;IAC/B,IAAI,EAAE,MAAM,CAAK;IACjB,cAAc,EAAE,MAAM,CAAiB;IAE9C,OAAO,CAAC,eAAe,CAAkB;IACzC,OAAO,CAAC,SAAS,CAAa;IAE9B,IAAI,QAAQ,CAAC,QAAQ,EAAE,MAAM,EAG5B;IAED,IAAI,QAAQ,IALW,MAAM,CAO5B;IAED,OAAO,CAAC,EAAE,GAAG,EAAE,GAAG,MAAM,EAAE,EAAE,qBAAqB;IAOjD,UAAU,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM;IAI3B,MAAM;IAIN,MAAM;IAQN,IAAI;IAsCJ,MAAM,CAAC,CAAC,EAAE,KAAK;CAGhB"}
1
+ {"version":3,"file":"particle.d.ts","sourceRoot":"","sources":["../../src/classes/particle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,CAAC;AACpB,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,oBAAY,qBAAqB,GAAG;IAClC,GAAG,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,qBAAa,QACX,SAAQ,EAAE,CAAC,MACX,YAAW,UAAU,CAAC,qBAAqB,CAAC;IAE5C,OAAO,CAAC,GAAG,CAAsC;IACjD,OAAO,CAAC,GAAG,CAAsC;IACjD,OAAO,CAAC,KAAK,CAAa;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,KAAK,CAAmB;IAC/B,IAAI,EAAE,MAAM,CAAK;IACjB,cAAc,EAAE,MAAM,CAAiB;IAE9C,OAAO,CAAC,eAAe,CAAkB;IACzC,OAAO,CAAC,SAAS,CAAa;IAE9B,IAAI,QAAQ,CAAC,QAAQ,EAAE,MAAM,EAG5B;IAED,IAAI,QAAQ,IALW,MAAM,CAO5B;IAED,OAAO,CAAC,EAAE,GAAG,EAAE,GAAG,MAAM,EAAE,EAAE,qBAAqB;IAOjD,UAAU,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM;IAI3B,MAAM;IAIN,MAAM;IAQN,IAAI;IAuCJ,MAAM,CAAC,CAAC,EAAE,KAAK;CAGhB"}
package/lib/classes/particle.js CHANGED
@@ -82,7 +82,8 @@ var Particle = /** @class */ (function (_super) {
82
82
  Particle.prototype.draw = function () {
83
83
  Renderer.push();
84
84
  Renderer.noStroke();
85
- Renderer.translate(this.x - this.camera.x + Renderer.width, this.y - this.camera.y + Renderer.height / 2);
85
+ var deltaToCenter = Renderer.scaler.deltaToCenterForCanvas;
86
+ Renderer.translate(this.x - this.camera.x + deltaToCenter.x, this.y - this.camera.y + deltaToCenter.y);
86
87
  Renderer.rotate(this.angle);
87
88
  var color = __spreadArray([], this.color, true);
88
89
  var alpha = Renderer.map(this.lifetimeRemain, 0, this.lifetime, 0, 255);
package/lib/classes/scaler.d.ts CHANGED
@@ -14,7 +14,11 @@ export declare class Scaler {
14
14
  width: number;
15
15
  height: number;
16
16
  };
17
- get deltaToCenter(): {
17
+ get deltaToCenterForCanvas(): {
18
+ x: number;
19
+ y: number;
20
+ };
21
+ get deltaToCenterForUI(): {
18
22
  x: number;
19
23
  y: number;
20
24
  };
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,IA6BY,IAAI,CA3B3B;IAED,IAAI,UAAU,IA8Bc,IAAI,CA5B/B;IAED,IAAI,UAAU,IA+Bc,UAAU,CA7BrC;IAED,IAAI,UAAU;;;MAKb;IAED,IAAI,aAAa;;;MAQhB;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,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;CAOf"}
package/lib/classes/scaler.js CHANGED
@@ -57,14 +57,27 @@ var Scaler = /** @class */ (function () {
57
57
  enumerable: false,
58
58
  configurable: true
59
59
  });
60
- Object.defineProperty(Scaler.prototype, "deltaToCenter", {
60
+ Object.defineProperty(Scaler.prototype, "deltaToCenterForCanvas", {
61
61
  get: function () {
62
62
  var _scaleSize = this.scaledSize;
63
+ var deltaW = Math.abs(this._canvasSize.width - _scaleSize.width);
64
+ var deltaH = Math.abs(this._canvasSize.height - _scaleSize.height);
63
65
  return {
64
- // x: Math.abs(this._canvasSize.width - _scaleSize.width) / 2,
65
- // y: Math.abs(this._canvasSize.height - _scaleSize.height) / 2,
66
- x: 0,
67
- y: 0,
66
+ x: deltaW / this._value / 2,
67
+ y: deltaH / this._value / 2,
68
+ };
69
+ },
70
+ enumerable: false,
71
+ configurable: true
72
+ });
73
+ Object.defineProperty(Scaler.prototype, "deltaToCenterForUI", {
74
+ get: function () {
75
+ var _scaleSize = this.scaledSize;
76
+ var deltaW = Math.abs(this._canvasSize.width - _scaleSize.width);
77
+ var deltaH = Math.abs(this._canvasSize.height - _scaleSize.height);
78
+ return {
79
+ x: deltaW / 2,
80
+ y: deltaH / 2,
68
81
  };
69
82
  },
70
83
  enumerable: false,
package/lib/classes/sprites/sprite.js CHANGED
@@ -44,7 +44,7 @@ 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
- var deltaToCenter = Renderer.scaler.deltaToCenter;
47
+ var deltaToCenter = Renderer.scaler.deltaToCenterForCanvas;
48
48
  Renderer.translate(position.x - camera.x + deltaToCenter.x, position.y - camera.y + deltaToCenter.y);
49
49
  Renderer.rotate(body.angle);
50
50
  this.onDraw();
package/lib/ui-components/scene-runner.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"scene-runner.d.ts","sourceRoot":"","sources":["../../src/ui-components/scene-runner.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EAEb,SAAS,EAKV,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAKzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAG7C,oBAAY,sBAAsB,GAAG;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,CAAC;AAEF,aAAK,gBAAgB,GAAG,sBAAsB,GAAG;IAC/C,OAAO,EAAE,KAAK,CAAC;CAChB,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,WAAW,EACX,OAAO,EACP,KAAK,EACL,MAAM,EACN,YAAY,EAAE,YAAY,EAC1B,UAAiC,GAClC,EAAE,gBAAgB,eA2GlB"}
1
+ {"version":3,"file":"scene-runner.d.ts","sourceRoot":"","sources":["../../src/ui-components/scene-runner.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EAEb,SAAS,EAKV,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAKzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAG7C,oBAAY,sBAAsB,GAAG;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,CAAC;AAEF,aAAK,gBAAgB,GAAG,sBAAsB,GAAG;IAC/C,OAAO,EAAE,KAAK,CAAC;CAChB,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,WAAW,EACX,OAAO,EACP,KAAK,EACL,MAAM,EACN,YAAY,EAAE,YAAY,EAC1B,UAAiC,GAClC,EAAE,gBAAgB,eA8GlB"}
package/lib/ui-components/scene-runner.js CHANGED
@@ -70,7 +70,10 @@ export function SceneRunner(_a) {
70
70
  } }, { children: _jsx("div", __assign({ style: {
71
71
  width: width,
72
72
  height: height,
73
- transform: "scale(".concat(refScaler.current.value, ")"),
73
+ transform: "scale(".concat(refScaler.current.value, ") ").concat((function () {
74
+ var deltaToCenter = Renderer.scaler.deltaToCenterForUI;
75
+ return "translate(".concat(deltaToCenter.x, "px,").concat(deltaToCenter.y, "px)");
76
+ })()),
74
77
  transformOrigin: "left top",
75
78
  } }, { children: isBootDone ? (_jsx("div", __assign({ style: {
76
79
  width: "100%",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-simple-game-engine",
3
- "version": "0.1.76",
3
+ "version": "0.1.79",
4
4
  "description": "",
5
5
  "main": "lib/index.js",
6
6
  "types": "lib",