react-simple-game-engine 0.0.26 → 0.0.29

package/lib/classes/logic-component.d.ts

@@ -1,10 +1,9 @@
 import { Configable } from "../export-types";
-import { Entity } from "./entities/entity";
 export declare class LogicComponent<C extends {
     initial: any;
-} = Entity> {
+}> {
     private instance;
     constructor(configale: Configable<C>);
-    output(): C;
+    output(extraParams?: Record<string, any>): C;
 }
 //# sourceMappingURL=logic-component.d.ts.map

package/lib/classes/logic-component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"logic-component.d.ts","sourceRoot":"","sources":["../../src/classes/logic-component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,qBAAa,cAAc,CAAC,CAAC,SAAS;IAAE,OAAO,EAAE,GAAG,CAAA;CAAE,GAAG,MAAM;IAC7D,OAAO,CAAC,QAAQ,CAAI;gBACR,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC;IAOpC,MAAM;CAGP"}
+{"version":3,"file":"logic-component.d.ts","sourceRoot":"","sources":["../../src/classes/logic-component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAI7C,qBAAa,cAAc,CAAC,CAAC,SAAS;IAAE,OAAO,EAAE,GAAG,CAAA;CAAE;IACpD,OAAO,CAAC,QAAQ,CAAI;gBACR,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC;IAOpC,MAAM,CAAC,WAAW,GAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAM;CAI7C"}

package/lib/classes/logic-component.js

@@ -1,3 +1,4 @@
+import { copyProperties } from "../utils";
 var LogicComponent = /** @class */ (function () {
     function LogicComponent(configale) {
         var _a = Array.isArray(configale) ? configale : [configale], Class = _a[0], params = _a[1];
@@ -5,7 +6,9 @@ var LogicComponent = /** @class */ (function () {
         c.initial(params);
         this.instance = c;
     }
-    LogicComponent.prototype.output = function () {
+    LogicComponent.prototype.output = function (extraParams) {
+        if (extraParams === void 0) { extraParams = {}; }
+        copyProperties(this.instance, extraParams);
         return this.instance;
     };
     return LogicComponent;

package/lib/classes/particle-system.d.ts

@@ -0,0 +1,19 @@
+import p5 from "p5";
+import { Particle } from "./particle";
+export declare class ParticleSystem {
+    private particles;
+    private forces;
+    x: number;
+    y: number;
+    active(): void;
+    initial({ x, y, length, quantity, forces, ...params }: Omit<Parameters<Particle["initial"]>[0], "vec" | "angle"> & {
+        quantity?: number;
+        length?: number;
+        forces?: p5.Vector[];
+        x: number;
+        y: number;
+    }): void;
+    update(): void;
+    draw(): void;
+}
+//# sourceMappingURL=particle-system.d.ts.map

package/lib/classes/particle-system.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"particle-system.d.ts","sourceRoot":"","sources":["../../src/classes/particle-system.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,CAAC;AACpB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,qBAAa,cAAc;IACzB,OAAO,CAAC,SAAS,CAAc;IAC/B,OAAO,CAAC,MAAM,CAAmB;IAC1B,CAAC,EAAG,MAAM,CAAC;IACX,CAAC,EAAG,MAAM,CAAC;IAElB,MAAM;IAIN,OAAO,CAAC,EACN,CAAC,EACD,CAAC,EACD,MAAW,EACX,QAAc,EACd,MAAM,EACN,GAAG,MAAM,EACV,EAAE,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC,GAAG;QAC7D,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,MAAM,CAAC,EAAE,EAAE,CAAC,MAAM,EAAE,CAAC;QACrB,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;KACX;IAmBD,MAAM;IAaN,IAAI;CAKL"}

package/lib/classes/particle-system.js

@@ -0,0 +1,71 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import p5 from "p5";
+import { Particle } from "./particle";
+var ParticleSystem = /** @class */ (function () {
+    function ParticleSystem() {
+        this.forces = [];
+    }
+    ParticleSystem.prototype.active = function () {
+        console.log("Initted particle system");
+    };
+    ParticleSystem.prototype.initial = function (_a) {
+        var _b;
+        var _this = this;
+        var x = _a.x, y = _a.y, _c = _a.length, length = _c === void 0 ? 10 : _c, _d = _a.quantity, quantity = _d === void 0 ? 500 : _d, forces = _a.forces, params = __rest(_a, ["x", "y", "length", "quantity", "forces"]);
+        this.x = x;
+        this.y = y;
+        if (forces) {
+            (_b = this.forces).push.apply(_b, forces);
+        }
+        this.particles = Array.from({ length: quantity }).map(function () {
+            var p = new Particle(_this.x, _this.y);
+            var vec = p5.Vector.random2D();
+            vec.mult(Renderer.random(length));
+            var angle = Renderer.random(Renderer.TWO_PI);
+            p.initial(__assign(__assign({}, params), { vec: vec, angle: angle }));
+            return p;
+        });
+    };
+    ParticleSystem.prototype.update = function () {
+        for (var i = this.particles.length; i > -1; i--) {
+            var p = this.particles[i];
+            for (var _i = 0, _a = this.forces; _i < _a.length; _i++) {
+                var force = _a[_i];
+                p.applyForce(force);
+            }
+            p.update();
+            if (p.isDead()) {
+                this.particles.splice(i, 1);
+            }
+        }
+    };
+    ParticleSystem.prototype.draw = function () {
+        for (var _i = 0, _a = this.particles; _i < _a.length; _i++) {
+            var particle = _a[_i];
+            particle.draw();
+        }
+    };
+    return ParticleSystem;
+}());
+export { ParticleSystem };

package/lib/classes/particle.d.ts

@@ -0,0 +1,31 @@
+import p5 from "p5";
+import { Avatar, Color } from "../export-types";
+import { Camera } from "./camera";
+export declare class Particle extends p5.Vector {
+    private vec;
+    private acc;
+    private angle;
+    camera: Camera;
+    sprite?: Avatar;
+    color: Color;
+    size: number;
+    private _lifetime;
+    lifetimeRemain: number;
+    set lifetime(lifetime: number);
+    get lifetime(): number;
+    initial({ vec, ...params }: {
+        vec?: p5.Vector;
+        angle?: number;
+        sprite?: Avatar;
+        color?: Color;
+        size?: number;
+        lifetime?: number;
+        camera: Camera;
+    }): void;
+    applyForce(force: p5.Vector): void;
+    isDead(): boolean;
+    update(): void;
+    draw(): void;
+    onDraw(): void;
+}
+//# sourceMappingURL=particle.d.ts.map

package/lib/classes/particle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"particle.d.ts","sourceRoot":"","sources":["../../src/classes/particle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,CAAC;AACpB,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,qBAAa,QAAS,SAAQ,EAAE,CAAC,MAAM;IACrC,OAAO,CAAC,GAAG,CAAsC;IACjD,OAAO,CAAC,GAAG,CAAsC;IACjD,OAAO,CAAC,KAAK,CAAa;IACnB,MAAM,EAAG,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,KAAK,CAAmB;IAC/B,IAAI,EAAE,MAAM,CAAM;IACzB,OAAO,CAAC,SAAS,CAAa;IACvB,cAAc,EAAE,MAAM,CAAiB;IAE9C,IAAI,QAAQ,CAAC,QAAQ,EAAE,MAAM,EAG5B;IAED,IAAI,QAAQ,IALW,MAAM,CAO5B;IAED,OAAO,CAAC,EACN,GAAG,EACH,GAAG,MAAM,EACV,EAAE;QACD,GAAG,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC;QAChB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,KAAK,CAAC,EAAE,KAAK,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,MAAM,EAAE,MAAM,CAAC;KAChB;IAOD,UAAU,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM;IAI3B,MAAM;IAIN,MAAM;IAQN,IAAI;IA8BJ,MAAM;CAQP"}

package/lib/classes/particle.js

@@ -0,0 +1,112 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import p5 from "p5";
+import { copyProperties } from "../utils";
+var Particle = /** @class */ (function (_super) {
+    __extends(Particle, _super);
+    function Particle() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.vec = Renderer.createVector(); //velocity
+        _this.acc = Renderer.createVector(); //acceleration
+        _this.angle = 0;
+        _this.color = [255, 255, 255];
+        _this.size = 10;
+        _this._lifetime = 2; // in seconds
+        _this.lifetimeRemain = _this.lifetime; // in seconds
+        return _this;
+    }
+    Object.defineProperty(Particle.prototype, "lifetime", {
+        get: function () {
+            return this._lifetime;
+        },
+        set: function (lifetime) {
+            this._lifetime = lifetime;
+            this.lifetimeRemain = lifetime;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Particle.prototype.initial = function (_a) {
+        var vec = _a.vec, params = __rest(_a, ["vec"]);
+        if (vec) {
+            this.vec.set(vec.x, vec.y);
+        }
+        copyProperties(this, params);
+    };
+    Particle.prototype.applyForce = function (force) {
+        this.acc.add(force);
+    };
+    Particle.prototype.isDead = function () {
+        return this.lifetime <= 0;
+    };
+    Particle.prototype.update = function () {
+        this.vec.add(this.acc);
+        this.add(this.vec);
+        this.acc.set(0);
+        this.lifetime -= Renderer.deltaTime;
+    };
+    Particle.prototype.draw = function () {
+        Renderer.push();
+        Renderer.noStroke();
+        Renderer.translate(this.x - this.camera.x, this.y - this.camera.y);
+        Renderer.rotate(this.angle);
+        if (this.sprite) {
+            var color = __spreadArray([], this.color, true);
+            var alpha = Renderer.map(this.lifetimeRemain, 0, this.lifetime, 0, 255);
+            color[3] = alpha;
+            Renderer.tint.apply(Renderer, color);
+            Renderer.image(this.sprite, 
+            // position on canvas
+            0, 0, this.sprite.width, this.sprite.height, 
+            //crop on source image
+            0, 0, this.sprite.width, this.sprite.height);
+        }
+        else {
+            this.onDraw();
+        }
+        //
+        Renderer.pop();
+    };
+    Particle.prototype.onDraw = function () {
+        var color = __spreadArray([], this.color, true);
+        var alpha = Renderer.map(this.lifetimeRemain, 0, this.lifetime, 0, 255);
+        color[3] = alpha;
+        Renderer.fill.apply(Renderer, color);
+        Renderer.circle(0, 0, this.size);
+    };
+    return Particle;
+}(p5.Vector));
+export { Particle };

package/lib/classes/scene.d.ts

@@ -1,7 +1,9 @@
 import { ComponentType } from "react";
+import { Entity } from "./entities/entity";
 import { Camera } from "./camera";
 import { LogicComponent } from "./logic-component";
 import { SceneManagement } from "./scene-management";
+import { ParticleSystem } from "./particle-system";
 declare type LoadAssetsListener = (loadedAssets: boolean) => void;
 export declare abstract class Scene<UIP = any> {
     private ui;
@@ -12,7 +14,7 @@ export declare abstract class Scene<UIP = any> {
     tag: string;
     manager: SceneManagement;
     readonly sessionId: string;
-    abstract getComponents(): LogicComponent[];
+    abstract getComponents(camera: Camera): LogicComponent<Entity | ParticleSystem>[];
     constructor();
     get UI(): ComponentType<UIP>;
     get UIProps(): UIP;

package/lib/classes/scene.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scene.d.ts","sourceRoot":"","sources":["../../src/classes/scene.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAItC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAIrD,aAAK,kBAAkB,GAAG,CAAC,YAAY,EAAE,OAAO,KAAK,IAAI,CAAC;AAE1D,8BAAsB,KAAK,CAAC,GAAG,GAAG,GAAG;IACnC,OAAO,CAAC,EAAE,CAAqB;IAC/B,OAAO,CAAC,eAAe,CAAmB;IAC1C,OAAO,CAAC,aAAa,CAAW;IAChC,OAAO,CAAC,kBAAkB,CAAsB;IAEzC,WAAW,EAAE,MAAM,CAAK;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAG,eAAe,CAAC;IACjC,SAAgB,SAAS,EAAE,MAAM,CAA8C;aAC/D,aAAa,IAAI,cAAc,EAAE;;IASjD,IAAI,EAAE,uBAGL;IAED,IAAI,OAAO,QAEV;IAED,SAAS,CAAC,MAAM;IAEhB,SAAS,CAAC,UAAU;IAIpB,IAAI,YAAY,YAEf;IAED,iBAAiB,CAAC,IAAI,EAAE,kBAAkB;IAI1C,UAAU;IAIV,kBAAkB,CAAC,YAAY,EAAE,OAAO;IAKxC,aAAa,CAAC,GAAG,EAAE,MAAM;IAInB,UAAU,CAAC,KAAK,CAAC,EAAE,MAAM;IAczB,YAAY;IAElB,SAAS,CAAC,MAAM,EAAE,MAAM;IAUxB,SAAS,CAAC,MAAM;IAChB,SAAS,CAAC,QAAQ;IAElB,MAAM;CAQP"}
+{"version":3,"file":"scene.d.ts","sourceRoot":"","sources":["../../src/classes/scene.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAGrD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,aAAK,kBAAkB,GAAG,CAAC,YAAY,EAAE,OAAO,KAAK,IAAI,CAAC;AAE1D,8BAAsB,KAAK,CAAC,GAAG,GAAG,GAAG;IACnC,OAAO,CAAC,EAAE,CAAqB;IAC/B,OAAO,CAAC,eAAe,CAAmB;IAC1C,OAAO,CAAC,aAAa,CAAW;IAChC,OAAO,CAAC,kBAAkB,CAAsB;IAEzC,WAAW,EAAE,MAAM,CAAK;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAG,eAAe,CAAC;IACjC,SAAgB,SAAS,EAAE,MAAM,CAA8C;aAC/D,aAAa,CAC3B,MAAM,EAAE,MAAM,GACb,cAAc,CAAC,MAAM,GAAG,cAAc,CAAC,EAAE;;IAS5C,IAAI,EAAE,uBAGL;IAED,IAAI,OAAO,QAEV;IAED,SAAS,CAAC,MAAM;IAEhB,SAAS,CAAC,UAAU;IAIpB,IAAI,YAAY,YAEf;IAED,iBAAiB,CAAC,IAAI,EAAE,kBAAkB;IAI1C,UAAU;IAIV,kBAAkB,CAAC,YAAY,EAAE,OAAO;IAKxC,aAAa,CAAC,GAAG,EAAE,MAAM;IAInB,UAAU,CAAC,KAAK,CAAC,EAAE,MAAM;IAczB,YAAY;IAElB,SAAS,CAAC,MAAM,EAAE,MAAM;IAaxB,SAAS,CAAC,MAAM;IAChB,SAAS,CAAC,QAAQ;IAElB,MAAM;CAQP"}

package/lib/classes/scene.js

@@ -34,6 +34,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
+import { Entity } from "./entities/entity";
 import { WorldManagement } from "./world-management";
 import { tick } from "../utils";
 var Scene = /** @class */ (function () {
@@ -117,12 +118,16 @@ var Scene = /** @class */ (function () {
     };
     Scene.prototype.bootstrap = function (camera) {
         this.worldManagement = new WorldManagement();
-        var components = this.getComponents();
+        var components = this.getComponents(camera);
         for (var _i = 0, components_1 = components; _i < components_1.length; _i++) {
             var component = components_1[_i];
-            var entity = component.output();
-            entity.camera = camera;
-            this.worldManagement.addEntity(entity);
+            var entity = component.output({ camera: camera });
+            if (entity instanceof Entity) {
+                this.worldManagement.addEntity(entity);
+            }
+            else {
+                this.worldManagement.addEntity(entity);
+            }
         }
     };
     Scene.prototype.onDraw = function () { };

package/lib/classes/world-management.d.ts

@@ -1,11 +1,13 @@
 import { Entity } from "./entities/entity";
+import { ParticleSystem } from "./particle-system";
 export declare class WorldManagement {
     private entities;
+    private particleSystems;
     private engine;
     constructor();
     destructor(): void;
-    addEntity(entity: Entity): void;
-    removeEntity(entity: Entity): void;
+    addEntity(entity: Entity | ParticleSystem): void;
+    removeEntity(entity: Entity | ParticleSystem): void;
     update(): void;
     draw(): void;
 }

package/lib/classes/world-management.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"world-management.d.ts","sourceRoot":"","sources":["../../src/classes/world-management.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,qBAAa,eAAe;IAC1B,OAAO,CAAC,QAAQ,CAAgB;IAChC,OAAO,CAAC,MAAM,CAAU;;IAsCxB,UAAU;IAKV,SAAS,CAAC,MAAM,EAAE,MAAM;IAMxB,YAAY,CAAC,MAAM,EAAE,MAAM;IAK3B,MAAM;IAON,IAAI;CAKL"}
+{"version":3,"file":"world-management.d.ts","sourceRoot":"","sources":["../../src/classes/world-management.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,qBAAa,eAAe;IAC1B,OAAO,CAAC,QAAQ,CAAgB;IAChC,OAAO,CAAC,eAAe,CAAwB;IAE/C,OAAO,CAAC,MAAM,CAAU;;IAsCxB,UAAU;IAKV,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,cAAc;IAUzC,YAAY,CAAC,MAAM,EAAE,MAAM,GAAG,cAAc;IAS5C,MAAM;IAWN,IAAI;CAQL"}

package/lib/classes/world-management.js

@@ -1,7 +1,9 @@
 import { Engine, World, Events } from "matter-js";
+import { Entity } from "./entities/entity";
 var WorldManagement = /** @class */ (function () {
     function WorldManagement() {
         this.entities = [];
+        this.particleSystems = [];
         this.engine = Engine.create();
         Events.on(this.engine, "collisionStart", function (event) {
             var pairs = event.pairs;
@@ -36,24 +38,42 @@ var WorldManagement = /** @class */ (function () {
         Engine.clear(this.engine);
     };
     WorldManagement.prototype.addEntity = function (entity) {
-        this.entities.push(entity);
-        World.add(this.engine.world, entity.body);
+        if (entity instanceof Entity) {
+            this.entities.push(entity);
+            World.add(this.engine.world, entity.body);
+        }
+        else {
+            this.particleSystems.push(entity);
+        }
         entity.active(this);
     };
     WorldManagement.prototype.removeEntity = function (entity) {
-        World.remove(this.engine.world, entity.body);
-        this.entities.splice(this.entities.indexOf(entity), 1);
+        if (entity instanceof Entity) {
+            World.remove(this.engine.world, entity.body);
+            this.entities.splice(this.entities.indexOf(entity), 1);
+        }
+        else {
+            this.particleSystems.splice(this.particleSystems.indexOf(entity), 1);
+        }
     };
     WorldManagement.prototype.update = function () {
         Engine.update(this.engine);
-        for (var _i = 0, _a = this.entities; _i < _a.length; _i++) {
-            var entity = _a[_i];
+        for (var _i = 0, _a = this.particleSystems; _i < _a.length; _i++) {
+            var particleSystem = _a[_i];
+            particleSystem.update();
+        }
+        for (var _b = 0, _c = this.entities; _b < _c.length; _b++) {
+            var entity = _c[_b];
             entity.update();
         }
     };
     WorldManagement.prototype.draw = function () {
-        for (var _i = 0, _a = this.entities; _i < _a.length; _i++) {
-            var entity = _a[_i];
+        for (var _i = 0, _a = this.particleSystems; _i < _a.length; _i++) {
+            var particleSystem = _a[_i];
+            particleSystem.draw();
+        }
+        for (var _b = 0, _c = this.entities; _b < _c.length; _b++) {
+            var entity = _c[_b];
             entity.draw();
         }
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-simple-game-engine",
-  "version": "0.0.26",
+  "version": "0.0.29",
   "description": "",
   "main": "lib/index.js",
   "types": "lib",