@eva/plugin-renderer-mesh 2.0.0-beta.7

package/README.md

@@ -0,0 +1,6 @@
+# @eva/plugin-renderer-mesh
+
+More Introduction
+
+- [EN](https://eva.js.org)
+- [中文](https://eva-engine.gitee.io)

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

@@ -0,0 +1,145 @@
+window.EVA = window.EVA || {};
+window.EVA.plugin = window.EVA.plugin || {};
+window.EVA.plugin.renderer = window.EVA.plugin.renderer || {};
+var _EVA_IIFE_mesh = function (exports, eva_js, pluginRenderer, pixi_js) {
+  'use strict';
+
+  class PerspectiveMesh extends eva_js.Component {
+    constructor() {
+      super(...arguments);
+      this._forceUpdate = 0;
+    }
+    init(obj) {
+      if (obj && obj.resource) {
+        this.resource = obj.resource;
+      }
+    }
+    setCorners(x0, y0, x1, y1, x2, y2, x3, y3) {
+      const corners = this.corners || {};
+      corners.x0 = x0;
+      corners.y0 = y0;
+      corners.x1 = x1;
+      corners.y1 = y1;
+      corners.x2 = x2;
+      corners.y2 = y2;
+      corners.x3 = x3;
+      corners.y3 = y3;
+      this.corners = corners;
+      this._forceUpdate += 1;
+    }
+  }
+  PerspectiveMesh.componentName = 'PerspectiveMesh';
+  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());
+    });
+  }
+  exports.MeshSystem = class MeshSystem extends pluginRenderer.Renderer {
+    constructor() {
+      super(...arguments);
+      this.name = 'PerspectiveMesh';
+      this.meshes = {};
+    }
+    init() {
+      this.renderSystem = this.game.getSystem(pluginRenderer.RendererSystem);
+      this.renderSystem.rendererManager.register(this);
+    }
+    rendererUpdate(gameObject) {
+      const {
+        width,
+        height
+      } = gameObject.transform.size;
+      if (this.meshes[gameObject.id]) {
+        this.meshes[gameObject.id].width = width;
+        this.meshes[gameObject.id].height = height;
+      }
+    }
+    componentChanged(changed) {
+      var _a, _b;
+      return __awaiter(this, void 0, void 0, function* () {
+        if (changed.componentName === 'PerspectiveMesh') {
+          const gameObjectId = changed.gameObject.id;
+          const component = changed.component;
+          if (changed.type === eva_js.OBSERVER_TYPE.ADD) {
+            const asyncId = this.increaseAsyncId(gameObjectId);
+            const res = yield eva_js.resource.getResource(component.resource);
+            const texture = (_a = res.data) === null || _a === void 0 ? void 0 : _a.image;
+            if (!this.validateAsyncId(gameObjectId, asyncId)) return;
+            if (!texture) {
+              console.error(`GameObject:${changed.gameObject.name}'s Mesh resource load error`);
+              return;
+            }
+            const mesh = new pixi_js.PerspectiveMesh({
+              texture: texture
+            });
+            if (component.corners) {
+              this.meshes[changed.gameObject.id].setCorners(component.corners.x0, component.corners.y0, component.corners.x1, component.corners.y1, component.corners.x2, component.corners.y2, component.corners.x3, component.corners.y3);
+            } else {
+              mesh.setCorners(0, 0, texture.width, 0, texture.width, texture.height, 0, texture.height);
+            }
+            this.meshes[changed.gameObject.id] = mesh;
+            this.containerManager.getContainer(changed.gameObject.id).addChildAt(mesh, 0);
+          } else if (changed.type === eva_js.OBSERVER_TYPE.CHANGE) {
+            const asyncId = this.increaseAsyncId(gameObjectId);
+            const res = yield eva_js.resource.getResource(component.resource);
+            const texture = (_b = res.data) === null || _b === void 0 ? void 0 : _b.image;
+            if (!this.validateAsyncId(gameObjectId, asyncId)) return;
+            if (!texture) {
+              console.error(`GameObject:${changed.gameObject.name}'s Mesh resource load error`);
+              return;
+            }
+            this.meshes[changed.gameObject.id].texture = texture;
+            if (component.corners) {
+              this.meshes[changed.gameObject.id].setCorners(component.corners.x0, component.corners.y0, component.corners.x1, component.corners.y1, component.corners.x2, component.corners.y2, component.corners.x3, component.corners.y3);
+            }
+          } else if (changed.type === eva_js.OBSERVER_TYPE.REMOVE) {
+            this.increaseAsyncId(gameObjectId);
+            const mesh = this.meshes[changed.gameObject.id];
+            this.containerManager.getContainer(changed.gameObject.id).removeChild(mesh);
+            mesh.destroy();
+            delete this.meshes[changed.gameObject.id];
+          }
+        }
+      });
+    }
+  };
+  exports.MeshSystem.systemName = 'PerspectiveMesh';
+  exports.MeshSystem = __decorate([eva_js.decorators.componentObserver({
+    PerspectiveMesh: ['resource', '_forceUpdate']
+  })], exports.MeshSystem);
+  exports.PerspectiveMesh = PerspectiveMesh;
+  Object.defineProperty(exports, '__esModule', {
+    value: true
+  });
+  return exports;
+}({}, EVA, EVA.plugin.renderer, PIXI);
+window.EVA.plugin.renderer.mesh = window.EVA.plugin.renderer.mesh || _EVA_IIFE_mesh;

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

@@ -0,0 +1 @@
+window.EVA=window.EVA||{},window.EVA.plugin=window.EVA.plugin||{},window.EVA.plugin.renderer=window.EVA.plugin.renderer||{};var _EVA_IIFE_mesh=function(e,r,t,s){"use strict";class n extends r.Component{constructor(){super(...arguments),this._forceUpdate=0}init(e){e&&e.resource&&(this.resource=e.resource)}setCorners(e,r,t,s,n,i,o,c){const d=this.corners||{};d.x0=e,d.y0=r,d.x1=t,d.y1=s,d.x2=n,d.y2=i,d.x3=o,d.y3=c,this.corners=d,this._forceUpdate+=1}}function i(e,r,t,s){return new(t||(t=Promise))((function(n,i){function o(e){try{d(s.next(e))}catch(e){i(e)}}function c(e){try{d(s.throw(e))}catch(e){i(e)}}function d(e){var r;e.done?n(e.value):(r=e.value,r instanceof t?r:new t((function(e){e(r)}))).then(o,c)}d((s=s.apply(e,r||[])).next())}))}return n.componentName="PerspectiveMesh",e.MeshSystem=class extends t.Renderer{constructor(){super(...arguments),this.name="PerspectiveMesh",this.meshes={}}init(){this.renderSystem=this.game.getSystem(t.RendererSystem),this.renderSystem.rendererManager.register(this)}rendererUpdate(e){const{width:r,height:t}=e.transform.size;this.meshes[e.id]&&(this.meshes[e.id].width=r,this.meshes[e.id].height=t)}componentChanged(e){var t,n;return i(this,void 0,void 0,(function*(){if("PerspectiveMesh"===e.componentName){const i=e.gameObject.id,o=e.component;if(e.type===r.OBSERVER_TYPE.ADD){const n=this.increaseAsyncId(i),c=yield r.resource.getResource(o.resource),d=null===(t=c.data)||void 0===t?void 0:t.image;if(!this.validateAsyncId(i,n))return;if(!d)return void console.error(`GameObject:${e.gameObject.name}'s Mesh resource load error`);const h=new s.PerspectiveMesh({texture:d});o.corners?this.meshes[e.gameObject.id].setCorners(o.corners.x0,o.corners.y0,o.corners.x1,o.corners.y1,o.corners.x2,o.corners.y2,o.corners.x3,o.corners.y3):h.setCorners(0,0,d.width,0,d.width,d.height,0,d.height),this.meshes[e.gameObject.id]=h,this.containerManager.getContainer(e.gameObject.id).addChildAt(h,0)}else if(e.type===r.OBSERVER_TYPE.CHANGE){const t=this.increaseAsyncId(i),s=yield r.resource.getResource(o.resource),c=null===(n=s.data)||void 0===n?void 0:n.image;if(!this.validateAsyncId(i,t))return;if(!c)return void console.error(`GameObject:${e.gameObject.name}'s Mesh resource load error`);this.meshes[e.gameObject.id].texture=c,o.corners&&this.meshes[e.gameObject.id].setCorners(o.corners.x0,o.corners.y0,o.corners.x1,o.corners.y1,o.corners.x2,o.corners.y2,o.corners.x3,o.corners.y3)}else if(e.type===r.OBSERVER_TYPE.REMOVE){this.increaseAsyncId(i);const r=this.meshes[e.gameObject.id];this.containerManager.getContainer(e.gameObject.id).removeChild(r),r.destroy(),delete this.meshes[e.gameObject.id]}}}))}},e.MeshSystem.systemName="PerspectiveMesh",e.MeshSystem=function(e,r,t,s){var n,i=arguments.length,o=i<3?r:null===s?s=Object.getOwnPropertyDescriptor(r,t):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,r,t,s);else for(var c=e.length-1;c>=0;c--)(n=e[c])&&(o=(i<3?n(o):i>3?n(r,t,o):n(r,t))||o);return i>3&&o&&Object.defineProperty(r,t,o),o}([r.decorators.componentObserver({PerspectiveMesh:["resource","_forceUpdate"]})],e.MeshSystem),e.PerspectiveMesh=n,Object.defineProperty(e,"__esModule",{value:!0}),e}({},EVA,EVA.plugin.renderer,PIXI);window.EVA.plugin.renderer.mesh=window.EVA.plugin.renderer.mesh||_EVA_IIFE_mesh;

package/dist/plugin-renderer-mesh.cjs.js

@@ -0,0 +1,142 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var eva_js = require('@eva/eva.js');
+var pluginRenderer = require('@eva/plugin-renderer');
+var pixi_js = require('pixi.js');
+
+class PerspectiveMesh extends eva_js.Component {
+    constructor() {
+        super(...arguments);
+        this._forceUpdate = 0;
+    }
+    init(obj) {
+        if (obj && obj.resource) {
+            this.resource = obj.resource;
+        }
+    }
+    setCorners(x0, y0, x1, y1, x2, y2, x3, y3) {
+        const corners = this.corners || {};
+        corners.x0 = x0;
+        corners.y0 = y0;
+        corners.x1 = x1;
+        corners.y1 = y1;
+        corners.x2 = x2;
+        corners.y2 = y2;
+        corners.x3 = x3;
+        corners.y3 = y3;
+        this.corners = corners;
+        this._forceUpdate += 1;
+    }
+}
+PerspectiveMesh.componentName = 'PerspectiveMesh';
+
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation. All rights reserved.
+Licensed under the Apache License, Version 2.0 (the "License"); you may not use
+this file except in compliance with the License. You may obtain a copy of the
+License at http://www.apache.org/licenses/LICENSE-2.0
+
+THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
+WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
+MERCHANTABLITY OR NON-INFRINGEMENT.
+
+See the Apache Version 2.0 License for specific language governing permissions
+and limitations under the License.
+***************************************************************************** */
+
+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) {
+    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) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
+exports.MeshSystem = class MeshSystem extends pluginRenderer.Renderer {
+    constructor() {
+        super(...arguments);
+        this.name = 'PerspectiveMesh';
+        this.meshes = {};
+    }
+    init() {
+        this.renderSystem = this.game.getSystem(pluginRenderer.RendererSystem);
+        this.renderSystem.rendererManager.register(this);
+    }
+    rendererUpdate(gameObject) {
+        const { width, height } = gameObject.transform.size;
+        if (this.meshes[gameObject.id]) {
+            this.meshes[gameObject.id].width = width;
+            this.meshes[gameObject.id].height = height;
+        }
+    }
+    componentChanged(changed) {
+        var _a, _b;
+        return __awaiter(this, void 0, void 0, function* () {
+            if (changed.componentName === 'PerspectiveMesh') {
+                const gameObjectId = changed.gameObject.id;
+                const component = changed.component;
+                if (changed.type === eva_js.OBSERVER_TYPE.ADD) {
+                    const asyncId = this.increaseAsyncId(gameObjectId);
+                    const res = yield eva_js.resource.getResource(component.resource);
+                    const texture = (_a = res.data) === null || _a === void 0 ? void 0 : _a.image;
+                    if (!this.validateAsyncId(gameObjectId, asyncId))
+                        return;
+                    if (!texture) {
+                        console.error(`GameObject:${changed.gameObject.name}'s Mesh resource load error`);
+                        return;
+                    }
+                    const mesh = new pixi_js.PerspectiveMesh({ texture: texture });
+                    if (component.corners) {
+                        this.meshes[changed.gameObject.id].setCorners(component.corners.x0, component.corners.y0, component.corners.x1, component.corners.y1, component.corners.x2, component.corners.y2, component.corners.x3, component.corners.y3);
+                    }
+                    else {
+                        mesh.setCorners(0, 0, texture.width, 0, texture.width, texture.height, 0, texture.height);
+                    }
+                    this.meshes[changed.gameObject.id] = mesh;
+                    this.containerManager.getContainer(changed.gameObject.id).addChildAt(mesh, 0);
+                }
+                else if (changed.type === eva_js.OBSERVER_TYPE.CHANGE) {
+                    const asyncId = this.increaseAsyncId(gameObjectId);
+                    const res = yield eva_js.resource.getResource(component.resource);
+                    const texture = (_b = res.data) === null || _b === void 0 ? void 0 : _b.image;
+                    if (!this.validateAsyncId(gameObjectId, asyncId))
+                        return;
+                    if (!texture) {
+                        console.error(`GameObject:${changed.gameObject.name}'s Mesh resource load error`);
+                        return;
+                    }
+                    this.meshes[changed.gameObject.id].texture = texture;
+                    if (component.corners) {
+                        this.meshes[changed.gameObject.id].setCorners(component.corners.x0, component.corners.y0, component.corners.x1, component.corners.y1, component.corners.x2, component.corners.y2, component.corners.x3, component.corners.y3);
+                    }
+                }
+                else if (changed.type === eva_js.OBSERVER_TYPE.REMOVE) {
+                    this.increaseAsyncId(gameObjectId);
+                    const mesh = this.meshes[changed.gameObject.id];
+                    this.containerManager.getContainer(changed.gameObject.id).removeChild(mesh);
+                    mesh.destroy();
+                    delete this.meshes[changed.gameObject.id];
+                }
+            }
+        });
+    }
+};
+exports.MeshSystem.systemName = 'PerspectiveMesh';
+exports.MeshSystem = __decorate([
+    eva_js.decorators.componentObserver({
+        PerspectiveMesh: ['resource', '_forceUpdate'],
+    })
+], exports.MeshSystem);
+
+exports.PerspectiveMesh = PerspectiveMesh;

package/dist/plugin-renderer-mesh.cjs.prod.js

@@ -0,0 +1,16 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@eva/eva.js"),r=require("@eva/plugin-renderer"),s=require("pixi.js");class t extends e.Component{constructor(){super(...arguments),this._forceUpdate=0}init(e){e&&e.resource&&(this.resource=e.resource)}setCorners(e,r,s,t,n,o,i,c){const h=this.corners||{};h.x0=e,h.y0=r,h.x1=s,h.y1=t,h.x2=n,h.y2=o,h.x3=i,h.y3=c,this.corners=h,this._forceUpdate+=1}}t.componentName="PerspectiveMesh",exports.MeshSystem=class extends r.Renderer{constructor(){super(...arguments),this.name="PerspectiveMesh",this.meshes={}}init(){this.renderSystem=this.game.getSystem(r.RendererSystem),this.renderSystem.rendererManager.register(this)}rendererUpdate(e){const{width:r,height:s}=e.transform.size;this.meshes[e.id]&&(this.meshes[e.id].width=r,this.meshes[e.id].height=s)}componentChanged(r){var t,n,o,i,c,h;return o=this,i=void 0,h=function*(){if("PerspectiveMesh"===r.componentName){const o=r.gameObject.id,i=r.component;if(r.type===e.OBSERVER_TYPE.ADD){const n=this.increaseAsyncId(o),c=yield e.resource.getResource(i.resource),h=null===(t=c.data)||void 0===t?void 0:t.image;if(!this.validateAsyncId(o,n))return;if(!h)return void console.error(`GameObject:${r.gameObject.name}'s Mesh resource load error`);const a=new s.PerspectiveMesh({texture:h});i.corners?this.meshes[r.gameObject.id].setCorners(i.corners.x0,i.corners.y0,i.corners.x1,i.corners.y1,i.corners.x2,i.corners.y2,i.corners.x3,i.corners.y3):a.setCorners(0,0,h.width,0,h.width,h.height,0,h.height),this.meshes[r.gameObject.id]=a,this.containerManager.getContainer(r.gameObject.id).addChildAt(a,0)}else if(r.type===e.OBSERVER_TYPE.CHANGE){const s=this.increaseAsyncId(o),t=yield e.resource.getResource(i.resource),c=null===(n=t.data)||void 0===n?void 0:n.image;if(!this.validateAsyncId(o,s))return;if(!c)return void console.error(`GameObject:${r.gameObject.name}'s Mesh resource load error`);this.meshes[r.gameObject.id].texture=c,i.corners&&this.meshes[r.gameObject.id].setCorners(i.corners.x0,i.corners.y0,i.corners.x1,i.corners.y1,i.corners.x2,i.corners.y2,i.corners.x3,i.corners.y3)}else if(r.type===e.OBSERVER_TYPE.REMOVE){this.increaseAsyncId(o);const e=this.meshes[r.gameObject.id];this.containerManager.getContainer(r.gameObject.id).removeChild(e),e.destroy(),delete this.meshes[r.gameObject.id]}}},new((c=void 0)||(c=Promise))((function(e,r){function s(e){try{n(h.next(e))}catch(e){r(e)}}function t(e){try{n(h.throw(e))}catch(e){r(e)}}function n(r){r.done?e(r.value):new c((function(e){e(r.value)})).then(s,t)}n((h=h.apply(o,i||[])).next())}))}},exports.MeshSystem.systemName="PerspectiveMesh",exports.MeshSystem=
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation. All rights reserved.
+Licensed under the Apache License, Version 2.0 (the "License"); you may not use
+this file except in compliance with the License. You may obtain a copy of the
+License at http://www.apache.org/licenses/LICENSE-2.0
+
+THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
+WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
+MERCHANTABLITY OR NON-INFRINGEMENT.
+
+See the Apache Version 2.0 License for specific language governing permissions
+and limitations under the License.
+***************************************************************************** */
+function(e,r,s,t){var n,o=arguments.length,i=o<3?r:null===t?t=Object.getOwnPropertyDescriptor(r,s):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,r,s,t);else for(var c=e.length-1;c>=0;c--)(n=e[c])&&(i=(o<3?n(i):o>3?n(r,s,i):n(r,s))||i);return o>3&&i&&Object.defineProperty(r,s,i),i}([e.decorators.componentObserver({PerspectiveMesh:["resource","_forceUpdate"]})],exports.MeshSystem),exports.PerspectiveMesh=t;

package/dist/plugin-renderer-mesh.d.ts

@@ -0,0 +1,41 @@
+import { Component } from '@eva/eva.js';
+import { ComponentChanged } from '@eva/eva.js';
+import { GameObject } from '@eva/eva.js';
+import { Renderer } from '@eva/plugin-renderer';
+import { RendererSystem } from '@eva/plugin-renderer';
+
+declare interface Corners {
+    x0: number;
+    y0: number;
+    x1: number;
+    y1: number;
+    x2: number;
+    y2: number;
+    x3: number;
+    y3: number;
+}
+
+export declare class MeshSystem extends Renderer {
+    static systemName: string;
+    name: string;
+    renderSystem: RendererSystem;
+    meshes: {};
+    init(): void;
+    rendererUpdate(gameObject: GameObject): void;
+    componentChanged(changed: ComponentChanged): Promise<void>;
+}
+
+export declare class PerspectiveMesh extends Component<PerspectiveMeshParams> {
+    static componentName: string;
+    resource: string;
+    corners: Corners;
+    _forceUpdate: number;
+    init(obj?: PerspectiveMesh): void;
+    setCorners(x0: number, y0: number, x1: number, y1: number, x2: number, y2: number, x3: number, y3: number): void;
+}
+
+export declare interface PerspectiveMeshParams {
+    resource: string;
+}
+
+export { }

package/dist/plugin-renderer-mesh.esm.js

@@ -0,0 +1,138 @@
+import { Component, decorators, OBSERVER_TYPE, resource } from '@eva/eva.js';
+import { Renderer, RendererSystem } from '@eva/plugin-renderer';
+import { PerspectiveMesh as PerspectiveMesh$1 } from 'pixi.js';
+
+class PerspectiveMesh extends Component {
+    constructor() {
+        super(...arguments);
+        this._forceUpdate = 0;
+    }
+    init(obj) {
+        if (obj && obj.resource) {
+            this.resource = obj.resource;
+        }
+    }
+    setCorners(x0, y0, x1, y1, x2, y2, x3, y3) {
+        const corners = this.corners || {};
+        corners.x0 = x0;
+        corners.y0 = y0;
+        corners.x1 = x1;
+        corners.y1 = y1;
+        corners.x2 = x2;
+        corners.y2 = y2;
+        corners.x3 = x3;
+        corners.y3 = y3;
+        this.corners = corners;
+        this._forceUpdate += 1;
+    }
+}
+PerspectiveMesh.componentName = 'PerspectiveMesh';
+
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation. All rights reserved.
+Licensed under the Apache License, Version 2.0 (the "License"); you may not use
+this file except in compliance with the License. You may obtain a copy of the
+License at http://www.apache.org/licenses/LICENSE-2.0
+
+THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
+WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
+MERCHANTABLITY OR NON-INFRINGEMENT.
+
+See the Apache Version 2.0 License for specific language governing permissions
+and limitations under the License.
+***************************************************************************** */
+
+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) {
+    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) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
+let MeshSystem = class MeshSystem extends Renderer {
+    constructor() {
+        super(...arguments);
+        this.name = 'PerspectiveMesh';
+        this.meshes = {};
+    }
+    init() {
+        this.renderSystem = this.game.getSystem(RendererSystem);
+        this.renderSystem.rendererManager.register(this);
+    }
+    rendererUpdate(gameObject) {
+        const { width, height } = gameObject.transform.size;
+        if (this.meshes[gameObject.id]) {
+            this.meshes[gameObject.id].width = width;
+            this.meshes[gameObject.id].height = height;
+        }
+    }
+    componentChanged(changed) {
+        var _a, _b;
+        return __awaiter(this, void 0, void 0, function* () {
+            if (changed.componentName === 'PerspectiveMesh') {
+                const gameObjectId = changed.gameObject.id;
+                const component = changed.component;
+                if (changed.type === OBSERVER_TYPE.ADD) {
+                    const asyncId = this.increaseAsyncId(gameObjectId);
+                    const res = yield resource.getResource(component.resource);
+                    const texture = (_a = res.data) === null || _a === void 0 ? void 0 : _a.image;
+                    if (!this.validateAsyncId(gameObjectId, asyncId))
+                        return;
+                    if (!texture) {
+                        console.error(`GameObject:${changed.gameObject.name}'s Mesh resource load error`);
+                        return;
+                    }
+                    const mesh = new PerspectiveMesh$1({ texture: texture });
+                    if (component.corners) {
+                        this.meshes[changed.gameObject.id].setCorners(component.corners.x0, component.corners.y0, component.corners.x1, component.corners.y1, component.corners.x2, component.corners.y2, component.corners.x3, component.corners.y3);
+                    }
+                    else {
+                        mesh.setCorners(0, 0, texture.width, 0, texture.width, texture.height, 0, texture.height);
+                    }
+                    this.meshes[changed.gameObject.id] = mesh;
+                    this.containerManager.getContainer(changed.gameObject.id).addChildAt(mesh, 0);
+                }
+                else if (changed.type === OBSERVER_TYPE.CHANGE) {
+                    const asyncId = this.increaseAsyncId(gameObjectId);
+                    const res = yield resource.getResource(component.resource);
+                    const texture = (_b = res.data) === null || _b === void 0 ? void 0 : _b.image;
+                    if (!this.validateAsyncId(gameObjectId, asyncId))
+                        return;
+                    if (!texture) {
+                        console.error(`GameObject:${changed.gameObject.name}'s Mesh resource load error`);
+                        return;
+                    }
+                    this.meshes[changed.gameObject.id].texture = texture;
+                    if (component.corners) {
+                        this.meshes[changed.gameObject.id].setCorners(component.corners.x0, component.corners.y0, component.corners.x1, component.corners.y1, component.corners.x2, component.corners.y2, component.corners.x3, component.corners.y3);
+                    }
+                }
+                else if (changed.type === OBSERVER_TYPE.REMOVE) {
+                    this.increaseAsyncId(gameObjectId);
+                    const mesh = this.meshes[changed.gameObject.id];
+                    this.containerManager.getContainer(changed.gameObject.id).removeChild(mesh);
+                    mesh.destroy();
+                    delete this.meshes[changed.gameObject.id];
+                }
+            }
+        });
+    }
+};
+MeshSystem.systemName = 'PerspectiveMesh';
+MeshSystem = __decorate([
+    decorators.componentObserver({
+        PerspectiveMesh: ['resource', '_forceUpdate'],
+    })
+], MeshSystem);
+
+export { MeshSystem, PerspectiveMesh };

package/index.js

@@ -0,0 +1,7 @@
+'use strict';
+
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./dist/plugin-renderer-mesh.cjs.prod.js');
+} else {
+  module.exports = require('./dist/plugin-renderer-mesh.cjs.js');
+}

package/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "@eva/plugin-renderer-mesh",
+  "version": "2.0.0-beta.7",
+  "description": "@eva/plugin-renderer-mesh",
+  "main": "index.js",
+  "module": "dist/plugin-renderer-mesh.esm.js",
+  "bundle": "EVA.plugin.renderer.mesh",
+  "unpkg": "dist/EVA.plugin.renderer.mesh.min.js",
+  "files": [
+    "index.js",
+    "dist"
+  ],
+  "types": "dist/plugin-renderer-mesh.d.ts",
+  "keywords": [
+    "eva.js"
+  ],
+  "author": "fanmingfei <az8641683@163.com>",
+  "license": "MIT",
+  "homepage": "https://eva.js.org",
+  "dependencies": {
+    "@eva/inspector-decorator": "^0.0.5",
+    "@eva/plugin-renderer": "2.0.0-beta.7",
+    "@eva/eva.js": "2.0.0-beta.7",
+    "pixi.js": "^8.6.5"
+  }
+}