react-simple-game-engine 0.2.23 → 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/entities/entity-sult.d.ts +2 -2
- package/lib/classes/entities/entity-sult.d.ts.map +1 -1
- package/lib/classes/entities/entity-sult.js +2 -2
- package/lib/classes/particle-system.d.ts +1 -1
- package/lib/classes/particle-system.d.ts.map +1 -1
- package/lib/classes/particle-system.js +1 -1
- package/lib/classes/particle.d.ts +3 -3
- package/lib/classes/particle.d.ts.map +1 -1
- package/lib/classes/particle.js +1 -1
- package/lib/classes/scaler.d.ts +5 -3
- package/lib/classes/scaler.d.ts.map +1 -1
- package/lib/classes/scaler.js +17 -11
- package/lib/classes/scene.d.ts +4 -4
- package/lib/classes/scene.d.ts.map +1 -1
- package/lib/classes/scene.js +7 -7
- package/lib/classes/simple-camera.d.ts +6 -0
- package/lib/classes/simple-camera.d.ts.map +1 -0
- package/lib/classes/simple-camera.js +8 -0
- package/lib/classes/sprites/sprite.js +2 -2
- package/lib/classes/world-management.d.ts +3 -3
- package/lib/classes/world-management.d.ts.map +1 -1
- package/lib/index.d.ts +1 -1
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +1 -1
- package/lib/ui-components/scene-runner.d.ts.map +1 -1
- package/lib/ui-components/scene-runner.js +10 -10
- package/lib/ui-components/sketch.d.ts +2 -2
- package/lib/ui-components/sketch.d.ts.map +1 -1
- package/lib/ui-components/sketch.js +2 -2
- package/package.json +1 -1
- package/lib/classes/camera.d.ts +0 -6
- package/lib/classes/camera.d.ts.map +0 -1
- package/lib/classes/camera.js +0 -8
@@ -1,10 +1,10 @@
|
|
1
1
|
import { Initialler } from "../../export-interfaces";
|
2
|
-
import {
|
2
|
+
import { SimpleCamera } from "../simple-camera";
|
3
3
|
import { LogicComponent } from "../logic-component";
|
4
4
|
import { Scene } from "../scene";
|
5
5
|
import { WorldManagement } from "../world-management";
|
6
6
|
export declare abstract class EntitySult<P = any> implements Initialler<P> {
|
7
|
-
|
7
|
+
simpleCamera: SimpleCamera;
|
8
8
|
readonly id: string;
|
9
9
|
private _layerIndex;
|
10
10
|
private _name;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"entity-sult.d.ts","sourceRoot":"","sources":["../../../src/classes/entities/entity-sult.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,
|
1
|
+
{"version":3,"file":"entity-sult.d.ts","sourceRoot":"","sources":["../../../src/classes/entities/entity-sult.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,8BAAsB,UAAU,CAAC,CAAC,GAAG,GAAG,CAAE,YAAW,UAAU,CAAC,CAAC,CAAC;IACzD,YAAY,EAAE,YAAY,CAAC;IAClC,SAAgB,EAAE,EAAE,MAAM,CAA8C;IAExE,OAAO,CAAC,WAAW,CAAa;IAChC,OAAO,CAAC,KAAK,CAAW;IACxB,OAAO,CAAC,MAAM,CAAQ;IACtB,OAAO,CAAC,gBAAgB,CAAkB;IAC1C,OAAO,CAAC,SAAS,CAAoB;IACrC,OAAO,CAAC,OAAO,CAAC,CAAa;IAE7B,QAAQ,CAAC,MAAM,IAAI,IAAI;IACvB,QAAQ,CAAC,IAAI,IAAI,IAAI;IAErB,IAAI,QAAQ,sBAEX;IAED,IAAI,UAAU,IAQc,MAAM,CANjC;IAED,IAAI,IAAI,IAWQ,MAAM,CATrB;IAED,IAAI,UAAU,CAAC,WAAW,EAAE,MAAM,EAKjC;IAED,IAAI,IAAI,CAAC,KAAK,EAAE,MAAM,EAUrB;IAED,IAAI,MAAM,oBAET;IAED,IAAI,KAAK,eAER;IAED,IAAI,eAAe,oBAElB;IAED,QAAQ,CAAC,MAAM,EAAE,UAAU,GAAG,cAAc,CAAC,UAAU,CAAC;IAYxD,WAAW,CAAC,MAAM,EAAE,UAAU;IAK9B,OAAO,CAAC,MAAM,EAAE,UAAU;IAO1B,WAAW,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;IAI/B,UAAU,CAAC,eAAe,EAAE,eAAe;IAM3C,MAAM,CAAC,eAAe,EAAE,eAAe;IAUvC,QAAQ;IACR,OAAO,CAAC,MAAM,EAAE,CAAC;CAClB"}
|
@@ -91,13 +91,13 @@ var EntitySult = /** @class */ (function () {
|
|
91
91
|
EntitySult.prototype.preInitial = function (worldManagement) {
|
92
92
|
this._worldManagement = worldManagement;
|
93
93
|
this._scene = worldManagement.scene;
|
94
|
-
this.
|
94
|
+
this.simpleCamera = worldManagement.camera;
|
95
95
|
};
|
96
96
|
EntitySult.prototype.active = function (worldManagement) {
|
97
97
|
if (!this._worldManagement) {
|
98
98
|
this._worldManagement = worldManagement;
|
99
99
|
this._scene = worldManagement.scene;
|
100
|
-
this.
|
100
|
+
this.simpleCamera = worldManagement.camera;
|
101
101
|
}
|
102
102
|
// console.log(`Active entity (name : ${this._name})`);
|
103
103
|
this.onActive();
|
@@ -4,7 +4,7 @@ import { EntitySult } from "./entities/entity-sult";
|
|
4
4
|
declare type ParticleClass = {
|
5
5
|
new (...args: ConstructorParameters<typeof Particle>): Particle;
|
6
6
|
};
|
7
|
-
declare type ParticleOptions = Omit<ParticleInitialParams, "vec" | "angle" | "
|
7
|
+
declare type ParticleOptions = Omit<ParticleInitialParams, "vec" | "angle" | "simpleCamera"> & {
|
8
8
|
x?: number;
|
9
9
|
y?: number;
|
10
10
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"particle-system.d.ts","sourceRoot":"","sources":["../../src/classes/particle-system.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,CAAC;AAEpB,OAAO,EAAE,QAAQ,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,aAAK,aAAa,GAAG;IACnB,KAAK,GAAG,IAAI,EAAE,qBAAqB,CAAC,OAAO,QAAQ,CAAC,GAAG,QAAQ,CAAC;CACjE,CAAC;AAEF,aAAK,eAAe,GAAG,IAAI,CACzB,qBAAqB,EACrB,KAAK,GAAG,OAAO,GAAG,
|
1
|
+
{"version":3,"file":"particle-system.d.ts","sourceRoot":"","sources":["../../src/classes/particle-system.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,CAAC;AAEpB,OAAO,EAAE,QAAQ,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,aAAK,aAAa,GAAG;IACnB,KAAK,GAAG,IAAI,EAAE,qBAAqB,CAAC,OAAO,QAAQ,CAAC,GAAG,QAAQ,CAAC;CACjE,CAAC;AAEF,aAAK,eAAe,GAAG,IAAI,CACzB,qBAAqB,EACrB,KAAK,GAAG,OAAO,GAAG,cAAc,CACjC,GAAG;IACF,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,aAAK,2BAA2B,GAAG;IACjC,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,EAAE,CAAC,MAAM,EAAE,CAAC;CACtB,CAAC;AAEF,qBAAa,cAAe,SAAQ,UAAU,CAAC,2BAA2B,CAAC;IACzE,OAAO,CAAC,SAAS,CAAkB;IACnC,OAAO,CAAC,MAAM,CAAmB;IACjC,OAAO,CAAC,eAAe,CAGrB;IACF,OAAO,CAAC,aAAa,CAA2B;IAEzC,gBAAgB,EAAE,MAAM,CAAM;IAC9B,SAAS,EAAE,MAAM,CAAK;IAE7B,OAAO,CAAC,EACN,MAAM,EACN,eAAoB,EACpB,GAAG,MAAM,EACV,EAAE,2BAA2B;IAS9B,MAAM;IA8BN,IAAI;CAKL"}
|
@@ -72,7 +72,7 @@ var ParticleSystem = /** @class */ (function (_super) {
|
|
72
72
|
var vec = p5.Vector.random2D();
|
73
73
|
vec.mult(Renderer.random(this.vecWeight));
|
74
74
|
var angle = Renderer.random(Renderer.TWO_PI);
|
75
|
-
p.initial(__assign(__assign({}, particleOptions), {
|
75
|
+
p.initial(__assign(__assign({}, particleOptions), { simpleCamera: this.simpleCamera, vec: vec, angle: angle }));
|
76
76
|
this.particles.push(p);
|
77
77
|
}
|
78
78
|
for (var i = this.particles.length - 1; i > -1; i--) {
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import p5 from "p5";
|
2
2
|
import { Initialler } from "../export-interfaces";
|
3
3
|
import { Avatar, Color } from "../export-types";
|
4
|
-
import {
|
4
|
+
import { SimpleCamera } from "./simple-camera";
|
5
5
|
export declare type ParticleInitialParams = {
|
6
6
|
vec?: p5.Vector;
|
7
7
|
angle?: number;
|
@@ -9,14 +9,14 @@ export declare type ParticleInitialParams = {
|
|
9
9
|
color?: Color;
|
10
10
|
size?: number;
|
11
11
|
lifetime?: number;
|
12
|
-
|
12
|
+
simpleCamera: SimpleCamera;
|
13
13
|
forceSpriteSize?: boolean;
|
14
14
|
};
|
15
15
|
export declare class Particle extends p5.Vector implements Initialler<ParticleInitialParams> {
|
16
16
|
private vec;
|
17
17
|
private acc;
|
18
18
|
private angle;
|
19
|
-
|
19
|
+
simpleCamera: SimpleCamera;
|
20
20
|
sprite?: Avatar;
|
21
21
|
color: Color;
|
22
22
|
size: number;
|
@@ -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,
|
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,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,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,YAAY,EAAE,YAAY,CAAC;IAC3B,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,YAAY,EAAE,YAAY,CAAC;IAC3B,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
@@ -81,7 +81,7 @@ var Particle = /** @class */ (function (_super) {
|
|
81
81
|
};
|
82
82
|
Particle.prototype.draw = function () {
|
83
83
|
Renderer.push();
|
84
|
-
Renderer.translate(Renderer.width / 2 + this.x - this.
|
84
|
+
Renderer.translate(Renderer.width / 2 + this.x - this.simpleCamera.x, Renderer.height / 2 + this.y - this.simpleCamera.y);
|
85
85
|
Renderer.rotate(this.angle);
|
86
86
|
Renderer.noStroke();
|
87
87
|
var color = __spreadArray([], this.color, true);
|
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
|
};
|
package/lib/classes/scene.d.ts
CHANGED
@@ -1,6 +1,5 @@
|
|
1
1
|
/// <reference types="p5" />
|
2
2
|
import { ComponentType, ReactElement } from "react";
|
3
|
-
import { Camera } from "./camera";
|
4
3
|
import { LogicComponent } from "./logic-component";
|
5
4
|
import { SceneManagement } from "./scene-management";
|
6
5
|
import { EntitySult } from "./entities/entity-sult";
|
@@ -8,6 +7,7 @@ import { Prefab } from "./prefab";
|
|
8
7
|
import { Sound } from "./sound";
|
9
8
|
import { Avatar, GetSoundOptions, SoundManagement } from "../export-types";
|
10
9
|
import { SoundType } from "../export-enums";
|
10
|
+
import { SimpleCamera } from "./simple-camera";
|
11
11
|
declare type AssetErrorType = "load-sound" | "load-sprite" | "load-extends";
|
12
12
|
export declare type AssetsFailBehavior = {
|
13
13
|
skip: true;
|
@@ -46,7 +46,7 @@ export declare abstract class Scene<UIP = any> {
|
|
46
46
|
assetsDelay: number;
|
47
47
|
tag: string;
|
48
48
|
manager: SceneManagement;
|
49
|
-
abstract getComponents(
|
49
|
+
abstract getComponents(simpleCamera: SimpleCamera): LogicComponent<EntitySult>[];
|
50
50
|
constructor();
|
51
51
|
get renderAssetsFail(): () => ReactElement<any, string | import("react").JSXElementConstructor<any>> | {
|
52
52
|
type: AssetErrorType;
|
@@ -92,9 +92,9 @@ export declare abstract class Scene<UIP = any> {
|
|
92
92
|
new (...args: any[]): Prefab<C>;
|
93
93
|
}): Prefab<C>;
|
94
94
|
listenNativeEvents(): void;
|
95
|
-
protected onBootstrapDone(
|
95
|
+
protected onBootstrapDone(simpleCamera: SimpleCamera): void;
|
96
96
|
private bootstrapDone;
|
97
|
-
bootstrap(
|
97
|
+
bootstrap(simpleCamera: SimpleCamera): void;
|
98
98
|
protected onDraw(): void;
|
99
99
|
protected onUpdate(): void;
|
100
100
|
action(): void;
|
@@ -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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"}
|
package/lib/classes/scene.js
CHANGED
@@ -474,11 +474,11 @@ var Scene = /** @class */ (function () {
|
|
474
474
|
window.document.removeEventListener("visibilitychange", onVisibilitychange);
|
475
475
|
};
|
476
476
|
};
|
477
|
-
Scene.prototype.onBootstrapDone = function (
|
478
|
-
Scene.prototype.bootstrapDone = function (
|
479
|
-
this.onBootstrapDone(
|
477
|
+
Scene.prototype.onBootstrapDone = function (simpleCamera) { };
|
478
|
+
Scene.prototype.bootstrapDone = function (simpleCamera) {
|
479
|
+
this.onBootstrapDone(simpleCamera);
|
480
480
|
};
|
481
|
-
Scene.prototype.bootstrap = function (
|
481
|
+
Scene.prototype.bootstrap = function (simpleCamera) {
|
482
482
|
var _this_1 = this;
|
483
483
|
this.listenNativeEvents();
|
484
484
|
this.bootSoundOptions();
|
@@ -502,8 +502,8 @@ var Scene = /** @class */ (function () {
|
|
502
502
|
}
|
503
503
|
}
|
504
504
|
});
|
505
|
-
this.worldManagement = new WorldManagement(
|
506
|
-
var components = this.getComponents(
|
505
|
+
this.worldManagement = new WorldManagement(simpleCamera, this);
|
506
|
+
var components = this.getComponents(simpleCamera);
|
507
507
|
var layerIndex = 0;
|
508
508
|
for (var _i = 0, components_1 = components; _i < components_1.length; _i++) {
|
509
509
|
var component = components_1[_i];
|
@@ -517,7 +517,7 @@ var Scene = /** @class */ (function () {
|
|
517
517
|
this.worldManagement.addEntity(entity);
|
518
518
|
}
|
519
519
|
}
|
520
|
-
this.bootstrapDone(
|
520
|
+
this.bootstrapDone(simpleCamera);
|
521
521
|
};
|
522
522
|
Scene.prototype.onDraw = function () { };
|
523
523
|
Scene.prototype.onUpdate = function () { };
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"simple-camera.d.ts","sourceRoot":"","sources":["../../src/classes/simple-camera.ts"],"names":[],"mappings":"AAAA,qBAAa,YAAY;IACvB,CAAC,EAAE,MAAM,CAAK;IACd,CAAC,EAAE,MAAM,CAAK;;CAGf"}
|
@@ -41,9 +41,9 @@ var Sprite = /** @class */ (function () {
|
|
41
41
|
configurable: true
|
42
42
|
});
|
43
43
|
Sprite.prototype.draw = function () {
|
44
|
-
var _a = this.entity, body = _a.body, position = _a.position,
|
44
|
+
var _a = this.entity, body = _a.body, position = _a.position, simpleCamera = _a.simpleCamera;
|
45
45
|
Renderer.push();
|
46
|
-
Renderer.translate(Renderer.width / 2 + position.x -
|
46
|
+
Renderer.translate(Renderer.width / 2 + position.x - simpleCamera.x, Renderer.height / 2 + position.y - simpleCamera.y);
|
47
47
|
Renderer.rotate(body.angle);
|
48
48
|
Renderer.noStroke();
|
49
49
|
this.onDraw();
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { Engine } from "matter-js";
|
2
|
-
import {
|
2
|
+
import { SimpleCamera } from "./simple-camera";
|
3
3
|
import { Scene } from "./scene";
|
4
4
|
import { EntitySult } from "./entities/entity-sult";
|
5
5
|
export declare class WorldManagement {
|
@@ -9,9 +9,9 @@ export declare class WorldManagement {
|
|
9
9
|
private readonly entitiesPool;
|
10
10
|
private readonly entitiesName;
|
11
11
|
private _engine;
|
12
|
-
constructor(_camera:
|
12
|
+
constructor(_camera: SimpleCamera, _scene: Scene);
|
13
13
|
get engine(): Engine;
|
14
|
-
get camera():
|
14
|
+
get camera(): SimpleCamera;
|
15
15
|
get scene(): Scene<any>;
|
16
16
|
private iterateEntities;
|
17
17
|
private joinPool;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"world-management.d.ts","sourceRoot":"","sources":["../../src/classes/world-management.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAuB,MAAM,WAAW,CAAC;AAIxD,OAAO,EAAE,
|
1
|
+
{"version":3,"file":"world-management.d.ts","sourceRoot":"","sources":["../../src/classes/world-management.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAuB,MAAM,WAAW,CAAC;AAIxD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAGhC,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,qBAAa,eAAe;IAWd,OAAO,CAAC,OAAO;IAAgB,OAAO,CAAC,MAAM;IAVzD,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAkC;IAC/D,OAAO,CAAC,QAAQ,CAAC,YAAY,CAGtB;IACP,OAAO,CAAC,QAAQ,CAAC,YAAY,CACxB;IAEL,OAAO,CAAC,OAAO,CAAS;gBAEJ,OAAO,EAAE,YAAY,EAAU,MAAM,EAAE,KAAK;IAgDhE,IAAI,MAAM,WAET;IAED,IAAI,MAAM,iBAET;IAED,IAAI,KAAK,eAER;IAED,OAAO,CAAC,eAAe;IAuBvB,OAAO,CAAC,QAAQ;IAKhB,OAAO,CAAC,OAAO;IAWf,UAAU;IAKV,sBAAsB,CAAC,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM;IAK3D,gBAAgB,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM;IAKpD,SAAS,CAAC,CAAC,SAAS,UAAU,GAAG,UAAU,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;IAK7D,SAAS,CAAC,MAAM,EAAE,UAAU;IAW5B,YAAY,CAAC,MAAM,EAAE,UAAU;IAe/B,MAAM;IAON,IAAI;CAKL"}
|
package/lib/index.d.ts
CHANGED
@@ -12,7 +12,7 @@ export { RectEntity } from "./classes/entities/rect.entity";
|
|
12
12
|
export { Prefab } from "./classes/prefab";
|
13
13
|
export { LogicComponent } from "./classes/logic-component";
|
14
14
|
export { Scene } from "./classes/scene";
|
15
|
-
export {
|
15
|
+
export { SimpleCamera } from "./classes/simple-camera";
|
16
16
|
export { Sprite } from "./classes/sprites/sprite";
|
17
17
|
export { AvatarSprite } from "./classes/sprites/avatar.sprite";
|
18
18
|
export { ColorSprite } from "./classes/sprites/color.sprite";
|
package/lib/index.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,uCAAuC,CAAC;AAC9E,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAE5E,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAE5D,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,uCAAuC,CAAC;AAC9E,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAE5E,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAE5D,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAE7D,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AAEtD,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAE/D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,WAAW,CAAC"}
|
package/lib/index.js
CHANGED
@@ -12,7 +12,7 @@ export { RectEntity } from "./classes/entities/rect.entity";
|
|
12
12
|
export { Prefab } from "./classes/prefab";
|
13
13
|
export { LogicComponent } from "./classes/logic-component";
|
14
14
|
export { Scene } from "./classes/scene";
|
15
|
-
export {
|
15
|
+
export { SimpleCamera } from "./classes/simple-camera";
|
16
16
|
export { Sprite } from "./classes/sprites/sprite";
|
17
17
|
export { AvatarSprite } from "./classes/sprites/avatar.sprite";
|
18
18
|
export { ColorSprite } from "./classes/sprites/color.sprite";
|
@@ -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,kBAAkB,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;
|
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,kBAAkB,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAI7D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAK7C,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,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AAEF,aAAK,gBAAgB,GAAG,sBAAsB,GAAG;IAC/C,OAAO,EAAE,KAAK,CAAC;CAChB,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,MAAM,EACN,OAAO,EACP,UAAiC,EAEjC,SAAS,EACT,WAAW,EACX,kBAAkB,EAClB,YAAY,EAAE,YAAY,GAC3B,EAAE,gBAAgB,eAmJlB"}
|
@@ -11,24 +11,24 @@ var __assign = (this && this.__assign) || function () {
|
|
11
11
|
};
|
12
12
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
13
13
|
import { useEffect, useMemo, useRef, useState, } from "react";
|
14
|
-
import { Sketch } from "./sketch";
|
15
14
|
import { useWindowSize } from "../utils";
|
16
15
|
import { LayoutMode } from "../export-enums";
|
17
16
|
import { ScalerContainer } from "./scaler-container";
|
18
17
|
import { Scaler } from "../classes/scaler";
|
18
|
+
import { Sketch } from "./sketch";
|
19
19
|
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);
|
@@ -45,8 +45,8 @@ export function SceneRunner(_a) {
|
|
45
45
|
current.loadAssets(assetsDelay, assetsFailBehavior);
|
46
46
|
// Don't Dependency on assetsFailBehavior
|
47
47
|
}, [current, assetsDelay]);
|
48
|
-
var setup = function (
|
49
|
-
current.bootstrap(
|
48
|
+
var setup = function (simpleCamera) {
|
49
|
+
current.bootstrap(simpleCamera);
|
50
50
|
setBootDone(true);
|
51
51
|
};
|
52
52
|
var draw = function () {
|
@@ -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",
|
@@ -1,8 +1,8 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import { Camera } from "../classes/camera";
|
3
2
|
import { Scaler } from "../classes/scaler";
|
3
|
+
import { SimpleCamera } from "../classes/simple-camera";
|
4
4
|
declare type SketchProps = {
|
5
|
-
onSetup: (
|
5
|
+
onSetup: (simpleCamera: SimpleCamera) => void;
|
6
6
|
onDraw: () => void;
|
7
7
|
onPreload?: () => void;
|
8
8
|
scaler: Scaler;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"sketch.d.ts","sourceRoot":"","sources":["../../src/ui-components/sketch.tsx"],"names":[],"mappings":";
|
1
|
+
{"version":3,"file":"sketch.d.ts","sourceRoot":"","sources":["../../src/ui-components/sketch.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,aAAK,WAAW,GAAG;IACjB,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,KAAK,IAAI,CAAC;IAC9C,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,wBAAgB,MAAM,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,WAAW,eA+CzE"}
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
2
2
|
import { useEffect, useRef } from "react";
|
3
|
-
import { Camera } from "../classes/camera";
|
4
3
|
import { P5 } from "../classes/p5";
|
4
|
+
import { SimpleCamera } from "../classes/simple-camera";
|
5
5
|
export function Sketch(_a) {
|
6
6
|
var onSetup = _a.onSetup, onDraw = _a.onDraw, onPreload = _a.onPreload, scaler = _a.scaler;
|
7
7
|
var refContainer = useRef(null);
|
@@ -12,7 +12,7 @@ export function Sketch(_a) {
|
|
12
12
|
}, [scaler]);
|
13
13
|
useEffect(function () {
|
14
14
|
var sketch = function (s) {
|
15
|
-
var camera = new
|
15
|
+
var camera = new SimpleCamera();
|
16
16
|
s.preload = function () {
|
17
17
|
return onPreload === null || onPreload === void 0 ? void 0 : onPreload();
|
18
18
|
};
|
package/package.json
CHANGED
package/lib/classes/camera.d.ts
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"camera.d.ts","sourceRoot":"","sources":["../../src/classes/camera.ts"],"names":[],"mappings":"AAAA,qBAAa,MAAM;IACjB,CAAC,EAAE,MAAM,CAAK;IACd,CAAC,EAAE,MAAM,CAAK;;CAGf"}
|