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.
- package/lib/classes/particle.d.ts.map +1 -1
- package/lib/classes/particle.js +2 -1
- package/lib/classes/scaler.d.ts +5 -1
- package/lib/classes/scaler.d.ts.map +1 -1
- package/lib/classes/scaler.js +18 -5
- package/lib/classes/sprites/sprite.js +1 -1
- package/lib/ui-components/scene-runner.d.ts.map +1 -1
- package/lib/ui-components/scene-runner.js +4 -1
- package/package.json +1 -1
@@ -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;
|
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
|
-
|
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
@@ -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,
|
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, "
|
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
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
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,
|
@@ -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.
|
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();
|
@@ -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,eA8GlB"}
|
@@ -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%",
|