@eva/plugin-renderer-sprite 1.2.0 → 1.2.1

package/dist/EVA.plugin.renderer.sprite.js

@@ -0,0 +1,458 @@
+this.EVA = this.EVA || {};
+this.EVA.plugin = this.EVA.plugin || {};
+this.EVA.plugin.renderer = this.EVA.plugin.renderer || {};
+
+this.EVA.plugin.renderer.sprite = function (exports, eva_js, pluginRenderer, pixi_js) {
+  'use strict';
+
+  var _extendStatics = function extendStatics(d, b) {
+    _extendStatics = Object.setPrototypeOf || {
+      __proto__: []
+    } instanceof Array && function (d, b) {
+      d.__proto__ = b;
+    } || function (d, b) {
+      for (var p in b) {
+        if (b.hasOwnProperty(p)) d[p] = b[p];
+      }
+    };
+
+    return _extendStatics(d, b);
+  };
+
+  function __extends(d, b) {
+    _extendStatics(d, b);
+
+    function __() {
+      this.constructor = d;
+    }
+
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+  }
+
+  function __decorate(decorators, target, key, desc) {
+    var c = arguments.length,
+        r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
+        d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) {
+      if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    }
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+  }
+
+  function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) {
+      return value instanceof P ? value : new P(function (resolve) {
+        resolve(value);
+      });
+    }
+
+    return new (P || (P = Promise))(function (resolve, reject) {
+      function fulfilled(value) {
+        try {
+          step(generator.next(value));
+        } catch (e) {
+          reject(e);
+        }
+      }
+
+      function rejected(value) {
+        try {
+          step(generator["throw"](value));
+        } catch (e) {
+          reject(e);
+        }
+      }
+
+      function step(result) {
+        result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+      }
+
+      step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+  }
+
+  function __generator(thisArg, body) {
+    var _ = {
+      label: 0,
+      sent: function sent() {
+        if (t[0] & 1) throw t[1];
+        return t[1];
+      },
+      trys: [],
+      ops: []
+    },
+        f,
+        y,
+        t,
+        g;
+    return g = {
+      next: verb(0),
+      "throw": verb(1),
+      "return": verb(2)
+    }, typeof Symbol === "function" && (g[Symbol.iterator] = function () {
+      return this;
+    }), g;
+
+    function verb(n) {
+      return function (v) {
+        return step([n, v]);
+      };
+    }
+
+    function step(op) {
+      if (f) throw new TypeError("Generator is already executing.");
+
+      while (_) {
+        try {
+          if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+          if (y = 0, t) op = [op[0] & 2, t.value];
+
+          switch (op[0]) {
+            case 0:
+            case 1:
+              t = op;
+              break;
+
+            case 4:
+              _.label++;
+              return {
+                value: op[1],
+                done: false
+              };
+
+            case 5:
+              _.label++;
+              y = op[1];
+              op = [0];
+              continue;
+
+            case 7:
+              op = _.ops.pop();
+
+              _.trys.pop();
+
+              continue;
+
+            default:
+              if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                _ = 0;
+                continue;
+              }
+
+              if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+                _.label = op[1];
+                break;
+              }
+
+              if (op[0] === 6 && _.label < t[1]) {
+                _.label = t[1];
+                t = op;
+                break;
+              }
+
+              if (t && _.label < t[2]) {
+                _.label = t[2];
+
+                _.ops.push(op);
+
+                break;
+              }
+
+              if (t[2]) _.ops.pop();
+
+              _.trys.pop();
+
+              continue;
+          }
+
+          op = body.call(thisArg, _);
+        } catch (e) {
+          op = [6, e];
+          y = 0;
+        } finally {
+          f = t = 0;
+        }
+      }
+
+      if (op[0] & 5) throw op[1];
+      return {
+        value: op[0] ? op[1] : void 0,
+        done: true
+      };
+    }
+  }
+
+  function __values(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator,
+        m = s && o[s],
+        i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+      next: function next() {
+        if (o && i >= o.length) o = void 0;
+        return {
+          value: o && o[i++],
+          done: !o
+        };
+      }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+  }
+
+  function getIDEPropsPropertyObj(target, propertyKey) {
+    if (!target.constructor.IDEProps) {
+      target.constructor.IDEProps = {};
+    }
+
+    if (!target.constructor.IDEProps[propertyKey]) {
+      target.constructor.IDEProps[propertyKey] = {};
+    }
+
+    var propertyObj = target.constructor.IDEProps[propertyKey];
+    return propertyObj;
+  }
+
+  function type(type) {
+    return function (target, propertyKey) {
+      var prop = getIDEPropsPropertyObj(target, propertyKey);
+      prop.key = propertyKey;
+      prop.type = type;
+    };
+  }
+
+  var Sprite$3 = function (_super) {
+    __extends(Sprite, _super);
+
+    function Sprite() {
+      var _this = _super !== null && _super.apply(this, arguments) || this;
+
+      _this.resource = '';
+      _this.spriteName = '';
+      return _this;
+    }
+
+    Sprite.prototype.init = function (obj) {
+      if (obj && obj.resource) {
+        this.resource = obj.resource;
+        this.spriteName = obj.spriteName;
+      }
+    };
+
+    Sprite.componentName = 'Sprite';
+
+    __decorate([type('string')], Sprite.prototype, "resource", void 0);
+
+    __decorate([type('string')], Sprite.prototype, "spriteName", void 0);
+
+    return Sprite;
+  }(eva_js.Component);
+
+  var Sprite$4 = Sprite$3;
+
+  var Sprite$2 = function () {
+    function Sprite(image) {
+      this._image = null;
+      this._image = image;
+
+      if (image) {
+        if (image instanceof HTMLImageElement) {
+          this.sprite = pixi_js.Sprite.from(image);
+        } else if (image instanceof pixi_js.Texture) {
+          this.sprite = new pixi_js.Sprite(image);
+        }
+      } else {
+        this.sprite = new pixi_js.Sprite();
+      }
+    }
+
+    Object.defineProperty(Sprite.prototype, "image", {
+      get: function get() {
+        return this._image;
+      },
+      set: function set(val) {
+        if (this._image === val) {
+          return;
+        }
+
+        if (val instanceof HTMLImageElement) {
+          this.sprite.texture && this.sprite.texture.destroy(false);
+          this.sprite.texture = pixi_js.Texture.from(val);
+        } else if (val instanceof pixi_js.Texture) {
+          this.sprite.texture = val;
+        }
+
+        this._image = val;
+      },
+      enumerable: false,
+      configurable: true
+    });
+    return Sprite;
+  }();
+
+  var SpriteEngine = Sprite$2;
+  var resourceKeySplit = '_s|r|c_';
+  eva_js.resource.registerInstance(eva_js.RESOURCE_TYPE.SPRITE, function (_a) {
+    var name = _a.name,
+        data = _a.data;
+    return new Promise(function (r) {
+      var e_1, _a;
+
+      var textureObj = data.json;
+      var texture = pixi_js.BaseTexture.from(data.image);
+      var frames = textureObj.frames || {};
+      var animations = textureObj.animations || {};
+      var newFrames = {};
+
+      for (var key in frames) {
+        var newKey = name + resourceKeySplit + key;
+        newFrames[newKey] = frames[key];
+      }
+
+      for (var key in animations) {
+        var spriteList = [];
+
+        if (animations[key] && animations[key].length >= 0) {
+          try {
+            for (var _b = (e_1 = void 0, __values(animations[key])), _c = _b.next(); !_c.done; _c = _b.next()) {
+              var spriteName = _c.value;
+              var newSpriteName = name + resourceKeySplit + spriteName;
+              spriteList.push(newSpriteName);
+            }
+          } catch (e_1_1) {
+            e_1 = {
+              error: e_1_1
+            };
+          } finally {
+            try {
+              if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+            } finally {
+              if (e_1) throw e_1.error;
+            }
+          }
+        }
+
+        animations[key] = spriteList;
+      }
+
+      textureObj.frames = newFrames;
+      var spriteSheet = new pixi_js.Spritesheet(texture, textureObj);
+      spriteSheet.parse(function () {
+        var textures = spriteSheet.textures;
+        r(textures);
+      });
+    });
+  });
+  eva_js.resource.registerDestroy(eva_js.RESOURCE_TYPE.SPRITE, function (_a) {
+    var instance = _a.instance;
+    if (!instance) return;
+
+    for (var key in instance) {
+      instance[key].destroy(true);
+    }
+  });
+
+  var Sprite = function (_super) {
+    __extends(Sprite, _super);
+
+    function Sprite() {
+      var _this = _super !== null && _super.apply(this, arguments) || this;
+
+      _this.name = 'Sprite';
+      _this.sprites = {};
+      return _this;
+    }
+
+    Sprite.prototype.init = function () {
+      this.renderSystem = this.game.getSystem(pluginRenderer.RendererSystem);
+      this.renderSystem.rendererManager.register(this);
+    };
+
+    Sprite.prototype.rendererUpdate = function (gameObject) {
+      var _a = gameObject.transform.size,
+          width = _a.width,
+          height = _a.height;
+
+      if (this.sprites[gameObject.id]) {
+        this.sprites[gameObject.id].sprite.width = width;
+        this.sprites[gameObject.id].sprite.height = height;
+      }
+    };
+
+    Sprite.prototype.componentChanged = function (changed) {
+      return __awaiter(this, void 0, void 0, function () {
+        var component_1, sprite_1, instance, sprite;
+
+        var _this = this;
+
+        return __generator(this, function (_a) {
+          switch (_a.label) {
+            case 0:
+              if (!(changed.componentName === 'Sprite')) return [3, 4];
+              component_1 = changed.component;
+              if (!(changed.type === eva_js.OBSERVER_TYPE.ADD)) return [3, 1];
+              sprite_1 = new SpriteEngine(null);
+              eva_js.resource.getResource(component_1.resource).then(function (_a) {
+                var instance = _a.instance;
+                return __awaiter(_this, void 0, void 0, function () {
+                  return __generator(this, function (_b) {
+                    if (!instance) {
+                      throw new Error("GameObject:" + changed.gameObject.name + "'s Sprite resource load error");
+                    }
+
+                    sprite_1.image = instance[component_1.resource + resourceKeySplit + component_1.spriteName];
+                    return [2];
+                  });
+                });
+              });
+              this.sprites[changed.gameObject.id] = sprite_1;
+              this.containerManager.getContainer(changed.gameObject.id).addChildAt(sprite_1.sprite, 0);
+              return [3, 4];
+
+            case 1:
+              if (!(changed.type === eva_js.OBSERVER_TYPE.CHANGE)) return [3, 3];
+              return [4, eva_js.resource.getResource(component_1.resource)];
+
+            case 2:
+              instance = _a.sent().instance;
+
+              if (!instance) {
+                throw new Error("GameObject:" + changed.gameObject.name + "'s Sprite resource load error");
+              }
+
+              this.sprites[changed.gameObject.id].image = instance[component_1.resource + resourceKeySplit + component_1.spriteName];
+              return [3, 4];
+
+            case 3:
+              if (changed.type === eva_js.OBSERVER_TYPE.REMOVE) {
+                sprite = this.sprites[changed.gameObject.id];
+                this.containerManager.getContainer(changed.gameObject.id).removeChild(sprite.sprite);
+                sprite.sprite.destroy({
+                  children: true
+                });
+                delete this.sprites[changed.gameObject.id];
+              }
+
+              _a.label = 4;
+
+            case 4:
+              return [2];
+          }
+        });
+      });
+    };
+
+    Sprite.systemName = 'Sprite';
+    Sprite = __decorate([eva_js.decorators.componentObserver({
+      Sprite: ['spriteName']
+    })], Sprite);
+    return Sprite;
+  }(pluginRenderer.Renderer);
+
+  var Sprite$1 = Sprite;
+  exports.Sprite = Sprite$4;
+  exports.SpriteSystem = Sprite$1;
+  Object.defineProperty(exports, '__esModule', {
+    value: true
+  });
+  return exports;
+}({}, EVA, EVA.plugin.renderer, PIXI);

package/dist/EVA.plugin.renderer.sprite.min.js

@@ -0,0 +1 @@
+this.EVA=this.EVA||{},this.EVA.plugin=this.EVA.plugin||{},this.EVA.plugin.renderer=this.EVA.plugin.renderer||{},this.EVA.plugin.renderer.sprite=function(e,t,r,n){"use strict";var i=function(e,t){return(i=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)t.hasOwnProperty(r)&&(e[r]=t[r])})(e,t)};function o(e,t){function r(){this.constructor=e}i(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}function s(e,t,r,n){var i,o=arguments.length,s=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,r,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(o<3?i(s):o>3?i(t,r,s):i(t,r))||s);return o>3&&s&&Object.defineProperty(t,r,s),s}function a(e,t,r,n){return new(r||(r=Promise))((function(i,o){function s(e){try{c(n.next(e))}catch(e){o(e)}}function a(e){try{c(n.throw(e))}catch(e){o(e)}}function c(e){var t;e.done?i(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(s,a)}c((n=n.apply(e,t||[])).next())}))}function c(e,t){var r,n,i,o,s={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:a(0),throw:a(1),return:a(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function a(o){return function(a){return function(o){if(r)throw new TypeError("Generator is already executing.");for(;s;)try{if(r=1,n&&(i=2&o[0]?n.return:o[0]?n.throw||((i=n.return)&&i.call(n),0):n.next)&&!(i=i.call(n,o[1])).done)return i;switch(n=0,i&&(o=[2&o[0],i.value]),o[0]){case 0:case 1:i=o;break;case 4:return s.label++,{value:o[1],done:!1};case 5:s.label++,n=o[1],o=[0];continue;case 7:o=s.ops.pop(),s.trys.pop();continue;default:if(!(i=s.trys,(i=i.length>0&&i[i.length-1])||6!==o[0]&&2!==o[0])){s=0;continue}if(3===o[0]&&(!i||o[1]>i[0]&&o[1]<i[3])){s.label=o[1];break}if(6===o[0]&&s.label<i[1]){s.label=i[1],i=o;break}if(i&&s.label<i[2]){s.label=i[2],s.ops.push(o);break}i[2]&&s.ops.pop(),s.trys.pop();continue}o=t.call(e,s)}catch(e){o=[6,e],n=0}finally{r=i=0}if(5&o[0])throw o[1];return{value:o[0]?o[1]:void 0,done:!0}}([o,a])}}}function u(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function p(e){return function(t,r){var n=function(e,t){return e.constructor.IDEProps||(e.constructor.IDEProps={}),e.constructor.IDEProps[t]||(e.constructor.IDEProps[t]={}),e.constructor.IDEProps[t]}(t,r);n.key=r,n.type=e}}var f=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.resource="",t.spriteName="",t}return o(t,e),t.prototype.init=function(e){e&&e.resource&&(this.resource=e.resource,this.spriteName=e.spriteName)},t.componentName="Sprite",s([p("string")],t.prototype,"resource",void 0),s([p("string")],t.prototype,"spriteName",void 0),t}(t.Component),l=function(){function e(e){this._image=null,this._image=e,e?e instanceof HTMLImageElement?this.sprite=n.Sprite.from(e):e instanceof n.Texture&&(this.sprite=new n.Sprite(e)):this.sprite=new n.Sprite}return Object.defineProperty(e.prototype,"image",{get:function(){return this._image},set:function(e){this._image!==e&&(e instanceof HTMLImageElement?(this.sprite.texture&&this.sprite.texture.destroy(!1),this.sprite.texture=n.Texture.from(e)):e instanceof n.Texture&&(this.sprite.texture=e),this._image=e)},enumerable:!1,configurable:!0}),e}(),h="_s|r|c_";t.resource.registerInstance(t.RESOURCE_TYPE.SPRITE,(function(e){var t=e.name,r=e.data;return new Promise((function(e){var i,o,s=r.json,a=n.BaseTexture.from(r.image),c=s.frames||{},p=s.animations||{},f={};for(var l in c){f[t+h+l]=c[l]}for(var l in p){var m=[];if(p[l]&&p[l].length>=0)try{for(var d=(i=void 0,u(p[l])),y=d.next();!y.done;y=d.next()){var g=y.value,v=t+h+g;m.push(v)}}catch(e){i={error:e}}finally{try{y&&!y.done&&(o=d.return)&&o.call(d)}finally{if(i)throw i.error}}p[l]=m}s.frames=f;var b=new n.Spritesheet(a,s);b.parse((function(){var t=b.textures;e(t)}))}))})),t.resource.registerDestroy(t.RESOURCE_TYPE.SPRITE,(function(e){var t=e.instance;if(t)for(var r in t)t[r].destroy(!0)}));var m=function(e){function n(){var t=null!==e&&e.apply(this,arguments)||this;return t.name="Sprite",t.sprites={},t}return o(n,e),n.prototype.init=function(){this.renderSystem=this.game.getSystem(r.RendererSystem),this.renderSystem.rendererManager.register(this)},n.prototype.rendererUpdate=function(e){var t=e.transform.size,r=t.width,n=t.height;this.sprites[e.id]&&(this.sprites[e.id].sprite.width=r,this.sprites[e.id].sprite.height=n)},n.prototype.componentChanged=function(e){return a(this,void 0,void 0,(function(){var r,n,i,o,s=this;return c(this,(function(u){switch(u.label){case 0:return"Sprite"!==e.componentName?[3,4]:(r=e.component,e.type!==t.OBSERVER_TYPE.ADD?[3,1]:(n=new l(null),t.resource.getResource(r.resource).then((function(t){var i=t.instance;return a(s,void 0,void 0,(function(){return c(this,(function(t){if(!i)throw new Error("GameObject:"+e.gameObject.name+"'s Sprite resource load error");return n.image=i[r.resource+h+r.spriteName],[2]}))}))})),this.sprites[e.gameObject.id]=n,this.containerManager.getContainer(e.gameObject.id).addChildAt(n.sprite,0),[3,4]));case 1:return e.type!==t.OBSERVER_TYPE.CHANGE?[3,3]:[4,t.resource.getResource(r.resource)];case 2:if(!(i=u.sent().instance))throw new Error("GameObject:"+e.gameObject.name+"'s Sprite resource load error");return this.sprites[e.gameObject.id].image=i[r.resource+h+r.spriteName],[3,4];case 3:e.type===t.OBSERVER_TYPE.REMOVE&&(o=this.sprites[e.gameObject.id],this.containerManager.getContainer(e.gameObject.id).removeChild(o.sprite),o.sprite.destroy({children:!0}),delete this.sprites[e.gameObject.id]),u.label=4;case 4:return[2]}}))}))},n.systemName="Sprite",n=s([t.decorators.componentObserver({Sprite:["spriteName"]})],n)}(r.Renderer);return e.Sprite=f,e.SpriteSystem=m,Object.defineProperty(e,"__esModule",{value:!0}),e}({},EVA,EVA.plugin.renderer,PIXI);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eva/plugin-renderer-sprite",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "@eva/plugin-renderer-sprite",
   "main": "index.js",
   "module": "dist/plugin-renderer-sprite.esm.js",
@@ -19,8 +19,8 @@
   "homepage": "https://eva.js.org",
   "dependencies": {
     "@eva/inspector-decorator": "^0.0.5",
-    "@eva/plugin-renderer": "1.2.0",
-    "@eva/eva.js": "1.2.0",
+    "@eva/plugin-renderer": "1.2.1",
+    "@eva/eva.js": "1.2.1",
     "pixi.js": "^4.8.7"
   }
 }