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;
|
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"}
|
package/lib/classes/scaler.js
CHANGED
@@ -85,10 +85,20 @@ var Scaler = /** @class */ (function () {
|
|
85
85
|
});
|
86
86
|
Scaler.prototype.update = function () {
|
87
87
|
if (this._layoutMode === LayoutMode.LANDSCAPE) {
|
88
|
-
|
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
|
-
|
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,
|
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
|
-
|
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
|
-
|
32
|
+
useMemo(function () {
|
33
33
|
refScaler.current.gameSize = {
|
34
34
|
width: width,
|
35
35
|
height: height,
|
36
36
|
};
|
37
37
|
}, [width, height]);
|
38
|
-
|
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
|
-
|
72
|
-
|
73
|
-
|
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: {
|