react-simple-game-engine 0.2.24 → 0.2.25
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.
package/lib/classes/scaler.d.ts
CHANGED
|
@@ -1,17 +1,19 @@
|
|
|
1
1
|
import { LayoutMode } from "../export-enums";
|
|
2
2
|
import { Size } from "../export-types";
|
|
3
3
|
export declare class Scaler {
|
|
4
|
-
private readonly
|
|
4
|
+
private readonly _screenSize;
|
|
5
5
|
private readonly _canvasSize;
|
|
6
6
|
private _layoutMode;
|
|
7
7
|
private _value;
|
|
8
|
-
constructor(
|
|
8
|
+
constructor(_screenSize: Size, _canvasSize: Size, _layoutMode: LayoutMode);
|
|
9
9
|
get value(): number;
|
|
10
10
|
get layoutMode(): LayoutMode;
|
|
11
11
|
get canvasSize(): Size;
|
|
12
|
-
|
|
12
|
+
get screenSize(): Size;
|
|
13
|
+
set screenSize(_screenSize: Size);
|
|
13
14
|
set canvasSize(_canvasSize: Size);
|
|
14
15
|
set layoutMode(_layoutMode: LayoutMode);
|
|
16
|
+
screenUnitToCanvasUnit(px: number): number;
|
|
15
17
|
private update;
|
|
16
18
|
}
|
|
17
19
|
//# sourceMappingURL=scaler.d.ts.map
|
|
@@ -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,WAAW;IAC5B,OAAO,CAAC,WAAW;IAJrB,OAAO,CAAC,MAAM,CAAS;gBAEJ,WAAW,EAAE,IAAI,EACjB,WAAW,EAAE,IAAI,EAC1B,WAAW,EAAE,UAAU;IAKjC,IAAI,KAAK,WAER;IAED,IAAI,UAAU,
|
|
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,WAAW;IAC5B,OAAO,CAAC,WAAW;IAJrB,OAAO,CAAC,MAAM,CAAS;gBAEJ,WAAW,EAAE,IAAI,EACjB,WAAW,EAAE,IAAI,EAC1B,WAAW,EAAE,UAAU;IAKjC,IAAI,KAAK,WAER;IAED,IAAI,UAAU,IA6Bc,UAAU,CA3BrC;IAED,IAAI,UAAU,IAoBc,IAAI,CAlB/B;IAED,IAAI,UAAU,IAWc,IAAI,CAT/B;IASD,IAAI,UAAU,CAAC,WAAW,EAAE,IAAI,EAG/B;IAED,IAAI,UAAU,CAAC,WAAW,EAAE,IAAI,EAG/B;IAED,IAAI,UAAU,CAAC,WAAW,EAAE,UAAU,EAGrC;IAED,sBAAsB,CAAC,EAAE,EAAE,MAAM;IAIjC,OAAO,CAAC,MAAM;CAef"}
|
package/lib/classes/scaler.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { LayoutMode } from "../export-enums";
|
|
2
2
|
import { copyProperties } from "../utils";
|
|
3
3
|
var Scaler = /** @class */ (function () {
|
|
4
|
-
function Scaler(
|
|
5
|
-
this.
|
|
4
|
+
function Scaler(_screenSize, _canvasSize, _layoutMode) {
|
|
5
|
+
this._screenSize = _screenSize;
|
|
6
6
|
this._canvasSize = _canvasSize;
|
|
7
7
|
this._layoutMode = _layoutMode;
|
|
8
8
|
this.update();
|
|
@@ -36,35 +36,41 @@ var Scaler = /** @class */ (function () {
|
|
|
36
36
|
enumerable: false,
|
|
37
37
|
configurable: true
|
|
38
38
|
});
|
|
39
|
-
Object.defineProperty(Scaler.prototype, "
|
|
39
|
+
Object.defineProperty(Scaler.prototype, "screenSize", {
|
|
40
|
+
get: function () {
|
|
41
|
+
return this._screenSize;
|
|
42
|
+
},
|
|
40
43
|
// private get scaledSize() {
|
|
41
44
|
// return {
|
|
42
45
|
// width: this._canvasSize.width * this._value,
|
|
43
46
|
// height: this._canvasSize.height * this._value,
|
|
44
47
|
// };
|
|
45
48
|
// }
|
|
46
|
-
set: function (
|
|
47
|
-
copyProperties(this.
|
|
49
|
+
set: function (_screenSize) {
|
|
50
|
+
copyProperties(this._screenSize, _screenSize);
|
|
48
51
|
this.update();
|
|
49
52
|
},
|
|
50
53
|
enumerable: false,
|
|
51
54
|
configurable: true
|
|
52
55
|
});
|
|
56
|
+
Scaler.prototype.screenUnitToCanvasUnit = function (px) {
|
|
57
|
+
return px / this._value;
|
|
58
|
+
};
|
|
53
59
|
Scaler.prototype.update = function () {
|
|
54
60
|
if (this._layoutMode === LayoutMode.LANDSCAPE) {
|
|
55
|
-
if (this.
|
|
56
|
-
this._value = this.
|
|
61
|
+
if (this._screenSize.width >= this._screenSize.height) {
|
|
62
|
+
this._value = this._screenSize.width / this._canvasSize.width;
|
|
57
63
|
}
|
|
58
64
|
else {
|
|
59
|
-
this._value = this.
|
|
65
|
+
this._value = this._screenSize.height / this._canvasSize.height;
|
|
60
66
|
}
|
|
61
67
|
}
|
|
62
68
|
else {
|
|
63
|
-
if (this.
|
|
64
|
-
this._value = this.
|
|
69
|
+
if (this._screenSize.height >= this._screenSize.width) {
|
|
70
|
+
this._value = this._screenSize.width / this._canvasSize.width;
|
|
65
71
|
}
|
|
66
72
|
else {
|
|
67
|
-
this._value = this.
|
|
73
|
+
this._value = this._screenSize.height / this._canvasSize.height;
|
|
68
74
|
}
|
|
69
75
|
}
|
|
70
76
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scene.d.ts","sourceRoot":"","sources":["../../src/classes/scene.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,YAAY,
|
|
1
|
+
{"version":3,"file":"scene.d.ts","sourceRoot":"","sources":["../../src/classes/scene.ts"],"names":[],"mappings":"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"}
|
|
@@ -20,15 +20,15 @@ export function SceneRunner(_a) {
|
|
|
20
20
|
var width = _a.width, height = _a.height, current = _a.current, _b = _a.layoutMode, layoutMode = _b === void 0 ? LayoutMode.LANDSCAPE : _b,
|
|
21
21
|
//
|
|
22
22
|
voidSpace = _a.voidSpace, assetsDelay = _a.assetsDelay, assetsFailBehavior = _a.assetsFailBehavior, AssetsLoader = _a.assetsLoader;
|
|
23
|
-
var
|
|
24
|
-
var refScaler = useRef(new Scaler(
|
|
23
|
+
var screenSize = useWindowSize();
|
|
24
|
+
var refScaler = useRef(new Scaler(screenSize, { width: width, height: height }, layoutMode));
|
|
25
25
|
var _c = useState(false), isBootDone = _c[0], setBootDone = _c[1];
|
|
26
26
|
useMemo(function () {
|
|
27
27
|
refScaler.current.canvasSize = {
|
|
28
|
-
width:
|
|
29
|
-
height:
|
|
28
|
+
width: screenSize.width,
|
|
29
|
+
height: screenSize.height,
|
|
30
30
|
};
|
|
31
|
-
}, [
|
|
31
|
+
}, [screenSize]);
|
|
32
32
|
useMemo(function () {
|
|
33
33
|
if (window.Renderer) {
|
|
34
34
|
window.Renderer.resizeCanvas(width, height);
|
|
@@ -59,8 +59,8 @@ export function SceneRunner(_a) {
|
|
|
59
59
|
return (AssetsLoader !== null && AssetsLoader !== void 0 ? AssetsLoader : _jsx("div", { children: "Assets loading..." }));
|
|
60
60
|
}, [AssetsLoader]);
|
|
61
61
|
return (_jsxs("div", __assign({ style: {
|
|
62
|
-
width:
|
|
63
|
-
height:
|
|
62
|
+
width: screenSize.width,
|
|
63
|
+
height: screenSize.height,
|
|
64
64
|
overflow: "hidden",
|
|
65
65
|
position: "relative",
|
|
66
66
|
boxSizing: "border-box",
|