react-simple-game-engine 0.0.20 → 0.0.23

package/lib/classes/sprites/avatar.sprite.d.ts

@@ -1,6 +1,19 @@
 import { Avatar } from "../../export-types";
-import { Sprite } from "./sprite";
+import { GetInitialParams, Sprite } from "./sprite";
+declare type SpriteOffet = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    index: number;
+};
+declare type AvatarGetInitialParams<S extends AvatarSprite> = GetInitialParams<S> & {
+    offset?: Partial<SpriteOffet>;
+};
 export declare class AvatarSprite extends Sprite<Avatar | undefined | null> {
+    private offset;
     onDraw(): void;
+    initial(params?: AvatarGetInitialParams<this>): void;
 }
+export {};
 //# sourceMappingURL=avatar.sprite.d.ts.map

package/lib/classes/sprites/avatar.sprite.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.sprite.d.ts","sourceRoot":"","sources":["../../../src/classes/sprites/avatar.sprite.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,qBAAa,YAAa,SAAQ,MAAM,CAAC,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IACjE,MAAM;CAqBP"}
+{"version":3,"file":"avatar.sprite.d.ts","sourceRoot":"","sources":["../../../src/classes/sprites/avatar.sprite.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAE5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEpD,aAAK,WAAW,GAAG;IACjB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,aAAK,sBAAsB,CAAC,CAAC,SAAS,YAAY,IAAI,gBAAgB,CAAC,CAAC,CAAC,GAAG;IAE1E,MAAM,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;CAC/B,CAAC;AAEF,qBAAa,YAAa,SAAQ,MAAM,CAAC,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IACjE,OAAO,CAAC,MAAM,CAMZ;IAEF,MAAM;IAwBN,OAAO,CAAC,MAAM,CAAC,EAAE,sBAAsB,CAAC,IAAI,CAAC;CAe9C"}

package/lib/classes/sprites/avatar.sprite.js

@@ -13,11 +13,42 @@ var __extends = (this && this.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
+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 { copyProperties } from "../../utils";
 import { Sprite } from "./sprite";
 var AvatarSprite = /** @class */ (function (_super) {
     __extends(AvatarSprite, _super);
     function AvatarSprite() {
-        return _super !== null && _super.apply(this, arguments) || this;
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.offset = {
+            x: 0,
+            y: 0,
+            index: 0,
+            width: 0,
+            height: 0,
+        };
+        return _this;
     }
     AvatarSprite.prototype.onDraw = function () {
         if (this.sprite) {
@@ -25,14 +56,29 @@ var AvatarSprite = /** @class */ (function (_super) {
                 this.animation.draw();
             }
             else {
+                var _a = this.offset, x = _a.x, y = _a.y, width = _a.width, height = _a.height, index = _a.index;
+                console.log("draw", x, index * width + x);
                 Renderer.image(this.sprite, 
                 // position on canvas
                 0, 0, this.width, this.height, 
                 //crop on source image
-                0, 0, this.sprite.width, this.sprite.height);
+                index * width + x, y, width, height);
             }
         }
     };
+    AvatarSprite.prototype.initial = function (params) {
+        var _a = (params ||
+            {}), offset = _a.offset, sprite = _a.sprite, _params = __rest(_a, ["offset", "sprite"]);
+        if (sprite) {
+            this.offset.width = sprite.width;
+            this.offset.height = sprite.height;
+        }
+        if (offset) {
+            copyProperties(this.offset, offset);
+            console.log("d", this.offset, offset);
+        }
+        _super.prototype.initial.call(this, __assign(__assign({}, _params), { sprite: sprite }));
+    };
     return AvatarSprite;
 }(Sprite));
 export { AvatarSprite };

package/lib/classes/sprites/sprite.d.ts

@@ -1,7 +1,7 @@
 import { AnimationSprite } from "../animations/animation";
 import { Entity } from "../entities/entity";
 import { LogicComponent } from "../logic-component";
-declare type GetInitialParams<S extends {
+export declare type GetInitialParams<S extends {
     sprite?: any;
 } = any> = {
     sprite?: S["sprite"];
@@ -23,5 +23,4 @@ export declare abstract class Sprite<SpriteType = any> {
     abstract onDraw(): void;
     initial(params?: GetInitialParams<this>): void;
 }
-export {};
 //# sourceMappingURL=sprite.d.ts.map

package/lib/classes/sprites/sprite.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sprite.d.ts","sourceRoot":"","sources":["../../../src/classes/sprites/sprite.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,aAAK,gBAAgB,CAAC,CAAC,SAAS;IAAE,MAAM,CAAC,EAAE,GAAG,CAAA;CAAE,GAAG,GAAG,IAAI;IACxD,MAAM,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC;IACrB,SAAS,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAC;CAC7C,CAAC;AAEF,8BAAsB,MAAM,CAAC,UAAU,GAAG,GAAG;IACpC,MAAM,EAAG,UAAU,CAAC;IAC3B,OAAO,CAAC,OAAO,CAAU;IACzB,OAAO,CAAC,MAAM,CAAU;IACxB,OAAO,CAAC,OAAO,CAAU;IAEzB,OAAO,CAAC,UAAU,CAA8B;IAEhD,IAAI,SAAS,CAAC,GAAG,EAAE,eAAe,EAGjC;IAED,IAAI,SAAS,IAAI,eAAe,CAE/B;IAED,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,EAKxB;IAED,IAAI,MAAM,IAPS,MAAM,CASxB;IAED,IAAI,KAAK,WAER;IAED,IAAI,MAAM,WAET;IAED,IAAI;IAUJ,QAAQ,CAAC,MAAM,IAAI,IAAI;IAEvB,OAAO,CAAC,MAAM,CAAC,EAAE,gBAAgB,CAAC,IAAI,CAAC;CAexC"}
+{"version":3,"file":"sprite.d.ts","sourceRoot":"","sources":["../../../src/classes/sprites/sprite.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,oBAAY,gBAAgB,CAAC,CAAC,SAAS;IAAE,MAAM,CAAC,EAAE,GAAG,CAAA;CAAE,GAAG,GAAG,IAAI;IAC/D,MAAM,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC;IACrB,SAAS,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAC;CAC7C,CAAC;AAEF,8BAAsB,MAAM,CAAC,UAAU,GAAG,GAAG;IACpC,MAAM,EAAG,UAAU,CAAC;IAC3B,OAAO,CAAC,OAAO,CAAU;IACzB,OAAO,CAAC,MAAM,CAAU;IACxB,OAAO,CAAC,OAAO,CAAU;IAEzB,OAAO,CAAC,UAAU,CAA8B;IAEhD,IAAI,SAAS,CAAC,GAAG,EAAE,eAAe,EAGjC;IAED,IAAI,SAAS,IAAI,eAAe,CAE/B;IAED,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,EAKxB;IAED,IAAI,MAAM,IAPS,MAAM,CASxB;IAED,IAAI,KAAK,WAER;IAED,IAAI,MAAM,WAET;IAED,IAAI;IAUJ,QAAQ,CAAC,MAAM,IAAI,IAAI;IAEvB,OAAO,CAAC,MAAM,CAAC,EAAE,gBAAgB,CAAC,IAAI,CAAC;CAexC"}

package/lib/utils.d.ts

@@ -2,4 +2,5 @@ import { Avatar, Sound } from "./export-types";
 export declare function createAssetImage(src: string): Promise<Avatar>;
 export declare function createAssetSound(src: string): Promise<Sound>;
 export declare function tick(delay?: number): Promise<unknown>;
+export declare function copyProperties(source: Record<string, any>, target: Record<string, any>): void;
 //# sourceMappingURL=utils.d.ts.map

package/lib/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAiB/C,wBAAsB,gBAAgB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAInE;AAED,wBAAsB,gBAAgB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,CAWlE;AAED,wBAAsB,IAAI,CAAC,KAAK,CAAC,EAAE,MAAM,oBAQxC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAiB/C,wBAAsB,gBAAgB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAInE;AAED,wBAAsB,gBAAgB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,CAWlE;AAED,wBAAsB,IAAI,CAAC,KAAK,CAAC,EAAE,MAAM,oBAQxC;AAED,wBAAgB,cAAc,CAC5B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC3B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAO5B"}

package/lib/utils.js

@@ -87,3 +87,10 @@ export function tick(delay) {
         });
     });
 }
+export function copyProperties(source, target) {
+    for (var key in target) {
+        if (target[key] !== undefined) {
+            source[key] = target[key];
+        }
+    }
+}

package/package.json

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