react-simple-game-engine 0.1.80 → 0.1.83

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.
@@ -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,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"}
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"}
@@ -85,10 +85,20 @@ var Scaler = /** @class */ (function () {
85
85
  });
86
86
  Scaler.prototype.update = function () {
87
87
  if (this._layoutMode === LayoutMode.LANDSCAPE) {
88
- this._value = this._canvasSize.height / this._gameSize.height;
88
+ if (this._canvasSize.width >= this._canvasSize.height) {
89
+ this._value = this._canvasSize.height / this._gameSize.height;
90
+ }
91
+ else {
92
+ this._value = this._canvasSize.width / this._gameSize.width;
93
+ }
89
94
  }
90
95
  else {
91
- this._value = this._canvasSize.width / this._gameSize.width;
96
+ if (this._canvasSize.height >= this._canvasSize.width) {
97
+ this._value = this._canvasSize.width / this._gameSize.width;
98
+ }
99
+ else {
100
+ this._value = this._canvasSize.height / this._gameSize.height;
101
+ }
92
102
  }
93
103
  };
94
104
  return Scaler;
@@ -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,eA8GlB"}
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,eAiHlB"}
@@ -20,7 +20,7 @@ export function SceneRunner(_a) {
20
20
  var windowSize = useWindowSize();
21
21
  var refScaler = useRef(new Scaler(windowSize, { width: width, height: height }, layoutMode));
22
22
  var _c = useState(false), isBootDone = _c[0], setBootDone = _c[1];
23
- useEffect(function () {
23
+ useMemo(function () {
24
24
  if (window.Renderer) {
25
25
  window.Renderer.resizeCanvas(windowSize.width, windowSize.height);
26
26
  }
@@ -29,13 +29,13 @@ export function SceneRunner(_a) {
29
29
  height: windowSize.height,
30
30
  };
31
31
  }, [windowSize]);
32
- useEffect(function () {
32
+ useMemo(function () {
33
33
  refScaler.current.gameSize = {
34
34
  width: width,
35
35
  height: height,
36
36
  };
37
37
  }, [width, height]);
38
- useEffect(function () {
38
+ useMemo(function () {
39
39
  refScaler.current.layoutMode = layoutMode;
40
40
  }, [layoutMode]);
41
41
  useEffect(function () {
@@ -59,6 +59,7 @@ export function SceneRunner(_a) {
59
59
  height: windowSize.height,
60
60
  overflow: "hidden",
61
61
  position: "relative",
62
+ boxSizing: "border-box",
62
63
  } }, { children: current.loadedAssets ? (_jsxs(_Fragment, { children: [_jsx(Sketch, { onSetup: setup, onDraw: draw, scaler: refScaler.current }), _jsx("div", __assign({ style: {
63
64
  position: "absolute",
64
65
  top: 0,
@@ -67,15 +68,10 @@ export function SceneRunner(_a) {
67
68
  height: "100%",
68
69
  userSelect: "none",
69
70
  zIndex: 2,
70
- } }, { children: _jsx("div", __assign({ style: {
71
- width: width,
72
- height: height,
73
- transform: "scale(".concat(refScaler.current.value, ") ").concat((function () {
74
- var deltaToCenter = refScaler.current.deltaToCenterForUI;
75
- return "translate(".concat(deltaToCenter.x, "px,").concat(deltaToCenter.y, "px)");
76
- })()),
77
- transformOrigin: "left top",
78
- } }, { children: isBootDone ? (_jsx("div", __assign({ style: {
71
+ } }, { children: _jsx("div", __assign({ style: __assign({ width: width, height: height, transform: "scale(".concat(refScaler.current.value, ")"), transformOrigin: "left top", position: "relative" }, (function () {
72
+ var deltaToCenter = refScaler.current.deltaToCenterForUI;
73
+ return { left: deltaToCenter.x, top: deltaToCenter.y };
74
+ })()) }, { children: isBootDone ? (_jsx("div", __assign({ style: {
79
75
  width: "100%",
80
76
  height: "100%",
81
77
  } }, { children: _jsx(current.UI, __assign({ scene: current }, current.UIProps)) }))) : (_jsx("div", {})) })) }))] })) : (_jsx("div", __assign({ style: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-simple-game-engine",
3
- "version": "0.1.80",
3
+ "version": "0.1.83",
4
4
  "description": "",
5
5
  "main": "lib/index.js",
6
6
  "types": "lib",