@eva/spine-base 1.2.2-mini.1

package/dist/EVA.plugin.spineBase.min.js

@@ -0,0 +1 @@
+function _extends(){return(_extends=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t}).apply(this,arguments)}var _EVA_IIFE_spineBase=function(t,e,n,r){"use strict";var o=function(t,e){return(o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(t,e)};function a(t,e){function n(){this.constructor=t}o(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}function i(t,e,n,r){var o,a=arguments.length,i=a<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,n,r);else for(var s=t.length-1;s>=0;s--)(o=t[s])&&(i=(a<3?o(i):a>3?o(e,n,i):o(e,n))||i);return a>3&&i&&Object.defineProperty(e,n,i),i}function s(t,e,n,r){return new(n||(n=Promise))((function(o,a){function i(t){try{c(r.next(t))}catch(t){a(t)}}function s(t){try{c(r.throw(t))}catch(t){a(t)}}function c(t){var e;t.done?o(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(i,s)}c((r=r.apply(t,e||[])).next())}))}function c(t,e){var n,r,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function s(a){return function(s){return function(a){if(n)throw new TypeError("Generator is already executing.");for(;i;)try{if(n=1,r&&(o=2&a[0]?r.return:a[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,a[1])).done)return o;switch(r=0,o&&(a=[2&a[0],o.value]),a[0]){case 0:case 1:o=a;break;case 4:return i.label++,{value:a[1],done:!1};case 5:i.label++,r=a[1],a=[0];continue;case 7:a=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==a[0]&&2!==a[0])){i=0;continue}if(3===a[0]&&(!o||a[1]>o[0]&&a[1]<o[3])){i.label=a[1];break}if(6===a[0]&&i.label<o[1]){i.label=o[1],o=a;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(a);break}o[2]&&i.ops.pop(),i.trys.pop();continue}a=e.call(t,i)}catch(t){a=[6,t],r=0}finally{n=o=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,s])}}}function u(t){return function(e,n){var r=function(t,e){return t.constructor.IDEProps||(t.constructor.IDEProps={}),t.constructor.IDEProps[e]||(t.constructor.IDEProps[e]={}),t.constructor.IDEProps[e]}(e,n);r.key=n,r.type=t}}var m=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.resource="",e.animationName="",e.autoPlay=!0,e}return a(e,t),e.prototype.init=function(t){t&&(_extends(this,t),this.autoPlay&&this.play(this.animationName))},e.prototype.onDestroy=function(){this.destroied=!0},e.prototype.play=function(t,e,n){try{t&&(this.animationName=t),this.armature&&(void 0===n&&(n=0),this.armature.state.setAnimation(n,this.animationName,e))}catch(t){console.log(t)}},e.prototype.stop=function(t){this.armature&&(void 0===t&&(t=0),this.armature.state.setEmptyAnimation(t,0))},e.prototype.addAnimation=function(t,e,n,r){try{this.armature&&(void 0===r&&(r=0),this.armature.state.addAnimation(r,t,n,e))}catch(t){console.log(t)}},e.prototype.setMix=function(t,e,n){this.armature&&this.armature.stateData.setMix(t,e,n)},e.prototype.getAnim=function(t){void 0===t&&(t=0);try{if(this.armature)return this.armature.state.tracks[t].animation.name}catch(t){console.log(t)}},e.prototype.setDefaultMix=function(t){this.armature&&(this.armature.stateData.defaultMix=t)},e.prototype.setAttachment=function(t,e){this.armature&&this.armature.skeleton.setAttachment(t,e)},e.prototype.getBone=function(t){if(this.armature)return this.armature.skeleton.findBone(t)},e.componentName="Spine",i([u("string")],e.prototype,"resource",void 0),i([u("string")],e.prototype,"animationName",void 0),i([u("boolean")],e.prototype,"autoPlay",void 0),e}(e.Component),p={};function f(t){var e=t.image;return{tex:r.Texture.from(e),count:0}}var l={};function d(t,e,n,r){var o=null,a=function(t,e){var n=p[t];return n||(n=f(e),p[t]=n),n.tex}(e.image.src,e);new r.core.TextureAtlas(e.atlas,(function(t,e){e(a.baseTexture)}),(function(t){if(t){var a=new r.core.AtlasAttachmentLoader(t),i=new r.core.SkeletonJson(a);n&&(i.scale=n),o=i.readSkeletonData(e.ske)}}));var i={spineData:o,ref:0,imageSrc:e.image.src};return l[t]=i,i}function h(t,e){return s(this,void 0,void 0,(function(){var n;return c(this,(function(r){if(!(n=l[t.name]))if(t.complete)n=d(t.name,t.data,t.scale,e);else if(!n)return[2];return function(t,e){var n=p[t];n||(n=f(e),p[t]=n),n.count++,n.tex}(t.data.image.src,t.data),n.ref++,[2,n.spineData]}))}))}function y(t,e){var n=l[t];n&&(n.ref--,n.ref<=0&&(!function(t){t&&setTimeout((function(){var e=p[t];e&&(e.count--,e.count<=0&&(e.tex&&(e.tex.destroy(!0),e.tex=null),delete p[t]))}),100)}(e),delete l[t]))}var v=function(t){function r(){var e=null!==t&&t.apply(this,arguments)||this;return e.armatures={},e}return a(r,t),r.prototype.init=function(t){var r=this,o=t.pixiSpine;this.renderSystem=this.game.getSystem(n.RendererSystem),this.renderSystem.rendererManager.register(this),this.pixiSpine=o,this.game.canvas.addEventListener("webglcontextrestored",(function(){var t=r.game.gameObjects,n=[];for(var o in r.armatures)for(var a=+o,i=0;i<t.length;++i){var s=t[i];if(s.id===a){var c=s.getComponent(m);c&&(r.remove({type:e.OBSERVER_TYPE.REMOVE,gameObject:s,component:c,componentName:m.componentName}),n.push({type:e.OBSERVER_TYPE.ADD,gameObject:s,component:c,componentName:m.componentName}));break}}setTimeout((function(){n.forEach((function(t){r.add(t)}))}),1e3)}),!1)},r.prototype.update=function(e){for(var n in this.armatures)this.armatures[n].update(.001*e.deltaTime),this.armatures[n].updateTransform();t.prototype.update.call(this)},r.prototype.componentChanged=function(t){return s(this,void 0,void 0,(function(){return c(this,(function(n){if("Spine"===t.componentName)if(t.type===e.OBSERVER_TYPE.ADD)this.add(t);else if(t.type===e.OBSERVER_TYPE.CHANGE)switch(t.prop.prop[0]){case"resource":this.change(t)}else t.type===e.OBSERVER_TYPE.REMOVE&&this.remove(t);return[2]}))}))},r.prototype.add=function(t,n){return s(this,void 0,void 0,(function(){var r,o,a,i,s,u=this;return c(this,(function(c){switch(c.label){case 0:return r=t.component,clearTimeout(r.addHandler),[4,e.resource.getResource(r.resource)];case 1:return[4,h(c.sent(),this.pixiSpine)];case 2:if(!(o=c.sent()))return r.addHandler=setTimeout((function(){r.destroied||(void 0===n&&(n=20),--n>0?u.add(t,n):console.log("retry exceed max times",r.resource))}),1e3),[2];if(this.remove(t),!(a=this.renderSystem.containerManager.getContainer(t.gameObject.id)))return[2];if(r.lastResource=r.resource,i=new this.pixiSpine.Spine(o),this.armatures[t.gameObject.id]=i,t.gameObject&&t.gameObject.transform&&(s=t.gameObject.transform,i.x=s.size.width*s.origin.x,i.y=s.size.height*s.origin.y),a.addChildAt(i,0),i.update(),i.updateTransform(),r.armature=i,r.autoPlay)try{i.state.setAnimation(0,r.animationName,!0)}catch(t){console.log(t)}return r.emit("loaded",{resource:r.resource}),i.state.addListener({start:function(t,e){r.emit("start",{track:t,name:t.animation.name})},complete:function(t,e){r.emit("complete",{track:t,name:t.animation.name})},interrupt:function(t,e){r.emit("interrupt",{track:t,name:t.animation.name})},end:function(t,e){r.emit("end",{track:t,name:t.animation.name})},event:function(t,e){r.emit("event",t,e)}}),[2]}}))}))},r.prototype.change=function(t){this.remove(t),this.add(t)},r.prototype.remove=function(t){var n,r;return s(this,void 0,void 0,(function(){var o,a,i,s;return c(this,(function(c){switch(c.label){case 0:return o=t.component,clearTimeout(o.addHandler),a=this.armatures[t.gameObject.id],(i=this.renderSystem.containerManager.getContainer(t.gameObject.id))&&a&&i.removeChild(a),o.armature?(o.armature.destroy({children:!0}),[4,e.resource.getResource(o.lastResource)]):[3,2];case 1:y((s=c.sent()).name,null===(r=null===(n=s.data)||void 0===n?void 0:n.image)||void 0===r?void 0:r.src),c.label=2;case 2:return o.armature=null,delete this.armatures[t.gameObject.id],t.type,e.OBSERVER_TYPE.CHANGE,[2]}}))}))},r.systemName="SpineSystem",r=i([e.decorators.componentObserver({Spine:["resource"]})],r)}(n.Renderer);return e.resource.registerResourceType("SPINE"),t.Spine=m,t.SpineSystem=v,Object.defineProperty(t,"__esModule",{value:!0}),t}({},EVA,EVA.plugin.renderer,PIXI);

package/dist/global.d.ts

@@ -0,0 +1,6 @@
+import "@eva/eva.js";
+declare module "@eva/eva.js" {
+  export enum RESOURCE_TYPE {
+    'SPINE' = 'SPINE'
+  }
+}

package/dist/miniprogram.js

@@ -0,0 +1,499 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import { Component, OBSERVER_TYPE, resource, decorators } from '@eva/eva.js/dist/miniprogram';
+import { __extends, __decorate, __awaiter, __generator } from 'tslib';
+import { RendererSystem, Renderer } from '@eva/plugin-renderer/dist/miniprogram';
+import { type } from '@eva/inspector-decorator';
+import { Texture } from '@eva/miniprogram-pixi';
+
+var Spine = function (_super) {
+  __extends(Spine, _super);
+
+  function Spine() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.resource = '';
+    _this.animationName = '';
+    _this.autoPlay = true;
+    return _this;
+  }
+
+  Spine.prototype.init = function (obj) {
+    if (!obj) return;
+
+    _extends(this, obj);
+
+    if (this.autoPlay) {
+      this.play(this.animationName);
+    }
+  };
+
+  Spine.prototype.onDestroy = function () {
+    this.destroied = true;
+  };
+
+  Spine.prototype.play = function (name, loop, track) {
+    try {
+      if (name) this.animationName = name;
+
+      if (!this.armature) {} else {
+        if (track === undefined) {
+          track = 0;
+        }
+
+        this.armature.state.setAnimation(track, this.animationName, loop);
+      }
+    } catch (e) {
+      console.log(e);
+    }
+  };
+
+  Spine.prototype.stop = function (track) {
+    if (!this.armature) {
+      return;
+    }
+
+    if (track === undefined) {
+      track = 0;
+    }
+
+    this.armature.state.setEmptyAnimation(track, 0);
+  };
+
+  Spine.prototype.addAnimation = function (name, delay, loop, track) {
+    try {
+      if (!this.armature) {} else {
+        if (track === undefined) {
+          track = 0;
+        }
+
+        this.armature.state.addAnimation(track, name, loop, delay);
+      }
+    } catch (e) {
+      console.log(e);
+    }
+  };
+
+  Spine.prototype.setMix = function (from, to, duration) {
+    if (!this.armature) ;else {
+      this.armature.stateData.setMix(from, to, duration);
+    }
+  };
+
+  Spine.prototype.getAnim = function (track) {
+    if (track === void 0) {
+      track = 0;
+    }
+
+    try {
+      if (!this.armature) {} else {
+        return this.armature.state.tracks[track].animation.name;
+      }
+    } catch (e) {
+      console.log(e);
+    }
+  };
+
+  Spine.prototype.setDefaultMix = function (duration) {
+    if (!this.armature) ;else {
+      this.armature.stateData.defaultMix = duration;
+    }
+  };
+
+  Spine.prototype.setAttachment = function (slotName, attachmentName) {
+    if (!this.armature) {
+      return;
+    }
+
+    this.armature.skeleton.setAttachment(slotName, attachmentName);
+  };
+
+  Spine.prototype.getBone = function (boneName) {
+    if (!this.armature) {
+      return;
+    }
+
+    return this.armature.skeleton.findBone(boneName);
+  };
+
+  Spine.componentName = 'Spine';
+
+  __decorate([type('string')], Spine.prototype, "resource", void 0);
+
+  __decorate([type('string')], Spine.prototype, "animationName", void 0);
+
+  __decorate([type('boolean')], Spine.prototype, "autoPlay", void 0);
+
+  return Spine;
+}(Component);
+
+var Spine$1 = Spine;
+var texCache = {};
+
+function cacheImage(data) {
+  var oldImg = data.image;
+  return {
+    tex: Texture.from(oldImg),
+    count: 0
+  };
+}
+
+function retainTexture(name, data) {
+  var cache = texCache[name];
+
+  if (!cache) {
+    cache = cacheImage(data);
+    texCache[name] = cache;
+  }
+
+  cache.count++;
+  return cache.tex;
+}
+
+function getTexture(imageSrc, data) {
+  var cache = texCache[imageSrc];
+
+  if (!cache) {
+    cache = cacheImage(data);
+    texCache[imageSrc] = cache;
+  }
+
+  return cache.tex;
+}
+
+function releaseTexture(imageSrc) {
+  if (!imageSrc) return;
+  setTimeout(function () {
+    var cache = texCache[imageSrc];
+
+    if (cache) {
+      cache.count--;
+
+      if (cache.count <= 0) {
+        if (cache.tex) {
+          cache.tex.destroy(true);
+          cache.tex = null;
+        }
+
+        delete texCache[imageSrc];
+      }
+    }
+  }, 100);
+}
+
+var dataMap = {};
+
+function createSpineData(name, data, scale, pixiSpine) {
+  var spineData = null;
+  var img = getTexture(data.image.src, data);
+  new pixiSpine.core.TextureAtlas(data.atlas, function (line, callback) {
+    callback(img.baseTexture);
+  }, function (spineAtlas) {
+    if (spineAtlas) {
+      var attachmentLoader = new pixiSpine.core.AtlasAttachmentLoader(spineAtlas);
+      var spineJsonParser = new pixiSpine.core.SkeletonJson(attachmentLoader);
+
+      if (scale) {
+        spineJsonParser.scale = scale;
+      }
+
+      spineData = spineJsonParser.readSkeletonData(data.ske);
+    }
+  });
+  var obj = {
+    spineData: spineData,
+    ref: 0,
+    imageSrc: data.image.src
+  };
+  dataMap[name] = obj;
+  return obj;
+}
+
+function getSpineData(res, pixiSpine) {
+  return __awaiter(this, void 0, void 0, function () {
+    var data;
+    return __generator(this, function (_a) {
+      data = dataMap[res.name];
+
+      if (!data) {
+        if (res.complete) {
+          data = createSpineData(res.name, res.data, res.scale, pixiSpine);
+        } else if (!data) {
+          return [2];
+        }
+      }
+
+      retainTexture(res.data.image.src, res.data);
+      data.ref++;
+      return [2, data.spineData];
+    });
+  });
+}
+
+function releaseSpineData(resourceName, imageSrc) {
+  var data = dataMap[resourceName];
+
+  if (!data) {
+    return;
+  }
+
+  data.ref--;
+
+  if (data.ref <= 0) {
+    releaseTexture(imageSrc);
+    delete dataMap[resourceName];
+  }
+}
+
+var MaxRetryCount = 20;
+
+var SpineSystem = function (_super) {
+  __extends(SpineSystem, _super);
+
+  function SpineSystem() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.armatures = {};
+    return _this;
+  }
+
+  SpineSystem.prototype.init = function (_a) {
+    var _this = this;
+
+    var pixiSpine = _a.pixiSpine;
+    this.renderSystem = this.game.getSystem(RendererSystem);
+    this.renderSystem.rendererManager.register(this);
+    this.pixiSpine = pixiSpine;
+    this.game.canvas.addEventListener('webglcontextrestored', function () {
+      var objs = _this.game.gameObjects;
+      var toAdd = [];
+
+      for (var k in _this.armatures) {
+        var id = +k;
+
+        for (var i = 0; i < objs.length; ++i) {
+          var obj = objs[i];
+
+          if (obj.id === id) {
+            var sp = obj.getComponent(Spine$1);
+
+            if (sp) {
+              _this.remove({
+                type: OBSERVER_TYPE.REMOVE,
+                gameObject: obj,
+                component: sp,
+                componentName: Spine$1.componentName
+              });
+
+              toAdd.push({
+                type: OBSERVER_TYPE.ADD,
+                gameObject: obj,
+                component: sp,
+                componentName: Spine$1.componentName
+              });
+            }
+
+            break;
+          }
+        }
+      }
+
+      setTimeout(function () {
+        toAdd.forEach(function (obj) {
+          _this.add(obj);
+        });
+      }, 1000);
+    }, false);
+  };
+
+  SpineSystem.prototype.update = function (e) {
+    for (var key in this.armatures) {
+      this.armatures[key].update(e.deltaTime * 0.001);
+      this.armatures[key].updateTransform();
+    }
+
+    _super.prototype.update.call(this);
+  };
+
+  SpineSystem.prototype.componentChanged = function (changed) {
+    return __awaiter(this, void 0, void 0, function () {
+      return __generator(this, function (_a) {
+        if (changed.componentName === 'Spine') {
+          if (changed.type === OBSERVER_TYPE.ADD) {
+            this.add(changed);
+          } else if (changed.type === OBSERVER_TYPE.CHANGE) {
+            switch (changed.prop.prop[0]) {
+              case 'resource':
+                this.change(changed);
+                break;
+            }
+          } else if (changed.type === OBSERVER_TYPE.REMOVE) {
+            this.remove(changed);
+          }
+        }
+
+        return [2];
+      });
+    });
+  };
+
+  SpineSystem.prototype.add = function (changed, count) {
+    return __awaiter(this, void 0, void 0, function () {
+      var component, res, spineData, container, armature, tran;
+
+      var _this = this;
+
+      return __generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            component = changed.component;
+            clearTimeout(component.addHandler);
+            return [4, resource.getResource(component.resource)];
+
+          case 1:
+            res = _a.sent();
+            return [4, getSpineData(res, this.pixiSpine)];
+
+          case 2:
+            spineData = _a.sent();
+
+            if (!spineData) {
+              component.addHandler = setTimeout(function () {
+                if (!component.destroied) {
+                  if (count === undefined) {
+                    count = MaxRetryCount;
+                  }
+
+                  count--;
+
+                  if (count > 0) {
+                    _this.add(changed, count);
+                  } else {
+                    console.log('retry exceed max times', component.resource);
+                  }
+                }
+              }, 1000);
+              return [2];
+            }
+
+            this.remove(changed);
+            container = this.renderSystem.containerManager.getContainer(changed.gameObject.id);
+
+            if (!container) {
+              return [2];
+            }
+
+            component.lastResource = component.resource;
+            armature = new this.pixiSpine.Spine(spineData);
+            this.armatures[changed.gameObject.id] = armature;
+
+            if (changed.gameObject && changed.gameObject.transform) {
+              tran = changed.gameObject.transform;
+              armature.x = tran.size.width * tran.origin.x;
+              armature.y = tran.size.height * tran.origin.y;
+            }
+
+            container.addChildAt(armature, 0);
+            armature.update();
+            armature.updateTransform();
+            component.armature = armature;
+
+            if (component.autoPlay) {
+              try {
+                armature.state.setAnimation(0, component.animationName, true);
+              } catch (e) {
+                console.log(e);
+              }
+            }
+
+            component.emit('loaded', {
+              resource: component.resource
+            });
+            armature.state.addListener({
+              start: function start(track, event) {
+                component.emit('start', {
+                  track: track,
+                  name: track.animation.name
+                });
+              },
+              complete: function complete(track, event) {
+                component.emit('complete', {
+                  track: track,
+                  name: track.animation.name
+                });
+              },
+              interrupt: function interrupt(track, event) {
+                component.emit('interrupt', {
+                  track: track,
+                  name: track.animation.name
+                });
+              },
+              end: function end(track, event) {
+                component.emit('end', {
+                  track: track,
+                  name: track.animation.name
+                });
+              },
+              event: function event(track, _event) {
+                component.emit('event', track, _event);
+              }
+            });
+            return [2];
+        }
+      });
+    });
+  };
+
+  SpineSystem.prototype.change = function (changed) {
+    this.remove(changed);
+    this.add(changed);
+  };
+
+  SpineSystem.prototype.remove = function (changed) {
+    var _a, _b;
+
+    return __awaiter(this, void 0, void 0, function () {
+      var component, armature, container, res;
+      return __generator(this, function (_c) {
+        switch (_c.label) {
+          case 0:
+            component = changed.component;
+            clearTimeout(component.addHandler);
+            armature = this.armatures[changed.gameObject.id];
+            container = this.renderSystem.containerManager.getContainer(changed.gameObject.id);
+
+            if (container && armature) {
+              container.removeChild(armature);
+            }
+
+            if (!component.armature) return [3, 2];
+            component.armature.destroy({
+              children: true
+            });
+            return [4, resource.getResource(component.lastResource)];
+
+          case 1:
+            res = _c.sent();
+            releaseSpineData(res.name, (_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.image) === null || _b === void 0 ? void 0 : _b.src);
+            _c.label = 2;
+
+          case 2:
+            component.armature = null;
+            delete this.armatures[changed.gameObject.id];
+            if (changed.type === OBSERVER_TYPE.CHANGE) ;
+            return [2];
+        }
+      });
+    });
+  };
+
+  SpineSystem.systemName = 'SpineSystem';
+  SpineSystem = __decorate([decorators.componentObserver({
+    Spine: ['resource']
+  })], SpineSystem);
+  return SpineSystem;
+}(Renderer);
+
+var SpineSystem$1 = SpineSystem;
+resource.registerResourceType('SPINE');
+export { Spine$1 as Spine, SpineSystem$1 as SpineSystem };