@safe-engine/cocos 2.2.8 → 2.3.5

package/dist/dragonbones/db-cocos/CocosTextureAtlasData.js

@@ -0,0 +1,121 @@
+/**
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2012-2018 DragonBones team and other contributors
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+import { BaseObject, TextureAtlasData, TextureData } from '@cocos/dragonbones-js';
+export class CocosTextureAtlasData extends TextureAtlasData {
+    static toString() {
+        return '[class dragonBones.CocosTextureAtlasData]';
+    }
+    _renderTexture = null; // Initial value.
+    _onClear() {
+        super._onClear();
+        if (this._renderTexture !== null) {
+            // this._renderTexture.dispose();
+        }
+        this._renderTexture = null;
+    }
+    /**
+     * @inheritDoc
+     */
+    createTexture() {
+        return BaseObject.borrowObject(CocosTextureData);
+    }
+    /**
+     * - The CocosJS texture.
+     * @version DragonBones 3.0
+     * @language en_US
+     */
+    /**
+     * - CocosJS 贴图。
+     * @version DragonBones 3.0
+     * @language zh_CN
+     */
+    get renderTexture() {
+        return this._renderTexture;
+    }
+    set renderTexture(value) {
+        if (this._renderTexture === value) {
+            return;
+        }
+        this._renderTexture = value;
+        if (this._renderTexture !== null) {
+            for (const k in this.textures) {
+                const textureData = this.textures[k];
+                // if (textureData.renderTexture !== null) {
+                //   textureData.renderTexture.destroy();
+                // }
+                // console.log('textureData', this._renderTexture, textureData)
+                // console.log('this._renderTexture', this._renderTexture)
+                const x = textureData.region.x;
+                const y = textureData.region.y;
+                const rotated = textureData.rotated;
+                const width = rotated ? textureData.region.height : textureData.region.width;
+                const height = rotated ? textureData.region.width : textureData.region.height;
+                const rect = cc.rect(x, y, width, height);
+                const offset = cc.p(0, 0);
+                const originSize = cc.size(width, height);
+                if (textureData.frame) {
+                    const px = -textureData.frame.x;
+                    const py = -textureData.frame.y;
+                    originSize.width = textureData.frame.width;
+                    originSize.height = textureData.frame.height;
+                    // offset = sprite center - trimed texture center
+                    const cx1 = px + rect.width / 2;
+                    const cy1 = originSize.height - py - rect.height / 2;
+                    const cx2 = originSize.width / 2;
+                    const cy2 = originSize.height / 2;
+                    offset.x = cx2 - cx1;
+                    offset.y = cy2 - cy1;
+                }
+                // sprite
+                const spriteFrame = new cc.SpriteFrame(this._renderTexture, rect, textureData.rotated, offset, originSize);
+                // console.log('sf', sf)
+                textureData.spriteFrame = spriteFrame;
+            }
+        }
+        else {
+            for (const k in this.textures) {
+                const textureData = this.textures[k];
+                // if (textureData.renderTexture !== null) {
+                //   textureData.renderTexture.destroy();
+                // }
+                textureData.spriteFrame = null;
+            }
+        }
+    }
+}
+/**
+ * @internal
+ */
+export class CocosTextureData extends TextureData {
+    static toString() {
+        return '[class dragonBones.CocosTextureData]';
+    }
+    spriteFrame = null; // Initial value.
+    _onClear() {
+        super._onClear();
+        // if (this.spriteFrame !== null) {
+        //   this.spriteFrame.destroy();
+        // }
+        this.spriteFrame = null;
+    }
+}

package/dist/dragonbones/db-cocos/SimpleMeshNode.d.ts

@@ -0,0 +1,36 @@
+export declare class SimpleMeshNode extends cc.Node {
+    _texture: any;
+    _vertices: Float32Array | null;
+    _uvs: Float32Array | null;
+    _indices: Uint16Array | null;
+    _gl: WebGLRenderingContext | null;
+    _program: WebGLProgram | null;
+    _vbo: WebGLBuffer | null;
+    _uvbo: WebGLBuffer | null;
+    _ibo: WebGLBuffer | null;
+    _needsUpload: boolean;
+    _alpha: number;
+    _fallbackDraw: cc.DrawNode;
+    _useWebGL: boolean;
+    constructor(texture?: cc.Texture2D, vertices?: Float32Array, uvs?: Float32Array, indices?: Uint16Array);
+    _updateContentSizeFromVertices(): void;
+    setVertices(verts: Float32Array): void;
+    setUVs(uvs: Float32Array): void;
+    setIndices(inds: Uint16Array): void;
+    setTexture(tex: cc.Texture2D): void;
+    setSpriteFrame(renderTexture: any): void;
+    visit(ctx?: unknown): void;
+    _drawMesh(): void;
+    _ensureGL(): void;
+    _computeModelMatrixFromNode(): Float32Array;
+    _drawMeshWebGL(): void;
+    _drawMeshCanvasFallback(): void;
+    setAlpha(a: number): void;
+    static createQuad(x: number, y: number, w: number, h: number, u0: number, v0: number, uw: number, vh: number): {
+        vertices: Float32Array<ArrayBuffer>;
+        uvs: Float32Array<ArrayBuffer>;
+        indices: Uint16Array<ArrayBuffer>;
+    };
+    onExit(): void;
+}
+//# sourceMappingURL=SimpleMeshNode.d.ts.map

package/dist/dragonbones/db-cocos/SimpleMeshNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleMeshNode.d.ts","sourceRoot":"","sources":["../../../src/dragonbones/db-cocos/SimpleMeshNode.ts"],"names":[],"mappings":"AAOA,qBAAa,cAAe,SAAQ,EAAE,CAAC,IAAI;IAEzC,QAAQ,EAAE,GAAG,CAAO;IACpB,SAAS,EAAE,YAAY,GAAG,IAAI,CAAO;IACrC,IAAI,EAAE,YAAY,GAAG,IAAI,CAAO;IAChC,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAO;IAGnC,GAAG,EAAE,qBAAqB,GAAG,IAAI,CAAO;IACxC,QAAQ,EAAE,YAAY,GAAG,IAAI,CAAO;IACpC,IAAI,EAAE,WAAW,GAAG,IAAI,CAAO;IAC/B,KAAK,EAAE,WAAW,GAAG,IAAI,CAAO;IAChC,IAAI,EAAE,WAAW,GAAG,IAAI,CAAO;IAC/B,YAAY,UAAO;IACnB,MAAM,SAAM;IAGZ,aAAa,EAAE,EAAE,CAAC,QAAQ,CAAO;IACjC,SAAS,UAAO;gBAEJ,OAAO,CAAC,EAAE,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,EAAE,YAAY,EAAE,GAAG,CAAC,EAAE,YAAY,EAAE,OAAO,CAAC,EAAE,WAAW;IAiBtG,8BAA8B,IAAI,IAAI;IAmBtC,WAAW,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAMtC,MAAM,CAAC,GAAG,EAAE,YAAY,GAAG,IAAI;IAK/B,UAAU,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI;IAKnC,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC,SAAS,GAAG,IAAI;IAGnC,cAAc,CAAC,aAAa,KAAA;IAK5B,KAAK,CAAC,GAAG,CAAC,EAAE,OAAO,GAAG,IAAI;IAU1B,SAAS,IAAI,IAAI;IAQjB,SAAS,IAAI,IAAI;IAuEjB,2BAA2B,IAAI,YAAY;IA0D3C,cAAc,IAAI,IAAI;IAkGtB,uBAAuB,IAAI,IAAI;IAuB/B,QAAQ,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI;IAKzB,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM;;;;;IAU5G,MAAM,IAAI,IAAI;CAcf"}

package/dist/dragonbones/db-cocos/SimpleMeshNode.js

@@ -0,0 +1,354 @@
+// cc.SimpleMeshNode.ts
+// SimpleMesh as a cc.Node for Cocos2d-html5 (WebGL primary).
+// Converted to ES6/TypeScript class from legacy Cocos-style object literal.
+// Usage:
+//   const node = new SimpleMeshNode(texture, verts, uvs, inds);
+//   node.setPosition(x,y); node.setRotation(angleDeg); node.setScale(s);
+export class SimpleMeshNode extends cc.Node {
+    // public mesh data (Float32Array / Uint16Array)
+    _texture = null;
+    _vertices = null;
+    _uvs = null;
+    _indices = null;
+    // GL internals
+    _gl = null;
+    _program = null;
+    _vbo = null;
+    _uvbo = null;
+    _ibo = null;
+    _needsUpload = true;
+    _alpha = 1.0;
+    // fallback drawnode for Canvas or debug
+    _fallbackDraw = null;
+    _useWebGL = true;
+    constructor(texture, vertices, uvs, indices) {
+        super();
+        super.ctor();
+        this._texture = texture || null;
+        this._vertices = vertices || new Float32Array(0);
+        this._uvs = uvs || new Float32Array(0);
+        this._indices = indices || new Uint16Array(0);
+        this._fallbackDraw = new cc.DrawNode();
+        this._useWebGL = !!cc._renderContext;
+        // size/anchor auto-estimate from vertex bounds (optional)
+        this._updateContentSizeFromVertices();
+    }
+    // helper to estimate contentSize and anchor if needed
+    _updateContentSizeFromVertices() {
+        if (!this._vertices || this._vertices.length < 2)
+            return;
+        let minX = Number.POSITIVE_INFINITY, minY = Number.POSITIVE_INFINITY;
+        let maxX = Number.NEGATIVE_INFINITY, maxY = Number.NEGATIVE_INFINITY;
+        for (let i = 0; i < this._vertices.length; i += 2) {
+            const x = this._vertices[i], y = this._vertices[i + 1];
+            if (x < minX)
+                minX = x;
+            if (y < minY)
+                minY = y;
+            if (x > maxX)
+                maxX = x;
+            if (y > maxY)
+                maxY = y;
+        }
+        if (minX === Infinity)
+            return;
+        this.setContentSize(maxX - minX, maxY - minY);
+        // set anchor relative to local coordinates (default 0,0), keep at 0,0 for compatibility
+    }
+    setVertices(verts) {
+        this._vertices = verts;
+        this._needsUpload = true;
+        this._updateContentSizeFromVertices();
+    }
+    setUVs(uvs) {
+        this._uvs = uvs;
+        this._needsUpload = true;
+    }
+    setIndices(inds) {
+        this._indices = inds;
+        this._needsUpload = true;
+    }
+    setTexture(tex) {
+        this._texture = tex;
+    }
+    setSpriteFrame(renderTexture) {
+        this._texture = renderTexture._texture;
+    }
+    // override visit to draw mesh at correct point in scene graph
+    visit(ctx) {
+        // normal visit to draw children etc.
+        super.visit(ctx);
+        // draw our mesh after node's transform is applied (so position/rotation/scale are final)
+        // Note: calling AFTER visit ensures it's rendered on top of children; change if you want otherwise.
+        this._drawMesh();
+    }
+    // core drawing function
+    _drawMesh() {
+        if (this._useWebGL && cc._renderContext) {
+            this._drawMeshWebGL();
+        }
+        else {
+            this._drawMeshCanvasFallback();
+        }
+    }
+    _ensureGL() {
+        if (this._gl && this._program)
+            return;
+        const gl = cc._renderContext;
+        if (!gl) {
+            this._useWebGL = false;
+            return;
+        }
+        this._gl = gl;
+        const vsSrc = [
+            'attribute vec2 a_position;',
+            'attribute vec2 a_texcoord;',
+            'uniform mat3 u_model;',
+            'uniform vec2 u_resolution;',
+            'varying vec2 v_uv;',
+            'void main() {',
+            '  vec2 pos = (u_model * vec3(a_position, 1.0)).xy;',
+            '  vec2 zeroToOne = pos / u_resolution;',
+            '  vec2 zeroToTwo = zeroToOne * 2.0;',
+            '  vec2 clipSpace = zeroToTwo - 1.0;',
+            '  gl_Position = vec4(clipSpace * vec2(1.0, -1.0), 0.0, 1.0);',
+            '  v_uv = a_texcoord;',
+            '}',
+        ].join('\n');
+        const fsSrc = [
+            'precision mediump float;',
+            'varying vec2 v_uv;',
+            'uniform sampler2D u_texture;',
+            'uniform float u_alpha;',
+            'void main() {',
+            '  vec4 c = texture2D(u_texture, v_uv);',
+            '  gl_FragColor = vec4(c.rgb, c.a * u_alpha);',
+            '}',
+        ].join('\n');
+        const compileShader = function (gl, src, type) {
+            const s = gl.createShader(type);
+            if (!s)
+                return null;
+            gl.shaderSource(s, src);
+            gl.compileShader(s);
+            if (!gl.getShaderParameter(s, gl.COMPILE_STATUS)) {
+                cc.log(`SimpleMesh shader compile error:\n${gl.getShaderInfoLog(s)}`);
+                gl.deleteShader(s);
+                return null;
+            }
+            return s;
+        };
+        const vs = compileShader(gl, vsSrc, gl.VERTEX_SHADER);
+        const fs = compileShader(gl, fsSrc, gl.FRAGMENT_SHADER);
+        if (!vs || !fs)
+            return;
+        const prog = gl.createProgram();
+        if (!prog)
+            return;
+        gl.attachShader(prog, vs);
+        gl.attachShader(prog, fs);
+        gl.linkProgram(prog);
+        if (!gl.getProgramParameter(prog, gl.LINK_STATUS)) {
+            cc.log(`SimpleMesh program link error:\n${gl.getProgramInfoLog(prog)}`);
+            gl.deleteProgram(prog);
+            return;
+        }
+        this._program = prog;
+        // buffers
+        this._vbo = gl.createBuffer();
+        this._uvbo = gl.createBuffer();
+        this._ibo = gl.createBuffer();
+    }
+    // compute model matrix using node's transform: we want map local mesh coords (as-specified) through node's world transform
+    _computeModelMatrixFromNode() {
+        // get node world transform: use node's nodeToWorldAffine / getNodeToParentTransform?
+        // Simpler: use node.getNodeToWorldTransform() if available to get 4x4 matrix,
+        // but to keep it engine-agnostic we build 2D model from node's world position/rotation/scale.
+        const worldRotation = this.getNodeToWorldTransform
+            ? (function () {
+                try {
+                    const t = this.getNodeToWorldTransform();
+                    const a = t.a, b = t.b, c = t.c, d = t.d, tx = t.tx, ty = t.ty;
+                    const rot = (Math.atan2(b, a) * 180) / Math.PI;
+                    const sx = Math.sqrt(a * a + b * b);
+                    const sy = Math.sqrt(c * c + d * d);
+                    return { rot: rot, sx: sx, sy: sy, tx: tx, ty: ty };
+                }
+                catch {
+                    return null;
+                }
+            })()
+            : null;
+        let tx, ty, rotDeg, sx, sy;
+        if (worldRotation) {
+            tx = worldRotation.tx;
+            ty = worldRotation.ty;
+            rotDeg = worldRotation.rot;
+            sx = worldRotation.sx;
+            sy = worldRotation.sy;
+        }
+        else {
+            const worldPt = this.convertToWorldSpaceAR ? this.convertToWorldSpaceAR(cc.p(0, 0)) : { x: 0, y: 0 };
+            tx = worldPt.x;
+            ty = worldPt.y;
+            rotDeg = this.getRotation ? this.getRotation() : this.rotation || 0;
+            sx = this.getScaleX ? this.getScaleX() : this.scaleX || 1;
+            sy = this.getScaleY ? this.getScaleY() : this.scaleY || 1;
+        }
+        const rad = ((rotDeg || 0) * Math.PI) / 180.0;
+        const cos = Math.cos(rad), sin = Math.sin(rad);
+        const a = cos * sx;
+        const b = sin * sx;
+        const c = -sin * sy;
+        const d = cos * sy;
+        const anchor = this.getAnchorPoint ? this.getAnchorPoint() : { x: 0, y: 0 };
+        const aw = anchor.x * this.width;
+        const ah = anchor.y * this.height;
+        const e = tx - (a * aw + c * ah);
+        const f = ty - (b * aw + d * ah);
+        return new Float32Array([a, b, 0, c, d, 0, e, f, 1]);
+    }
+    _drawMeshWebGL() {
+        const gl = cc._renderContext;
+        if (!gl) {
+            this._useWebGL = false;
+            return;
+        }
+        this._ensureGL();
+        if (!this._program)
+            return;
+        if (!this._vertices || !this._uvs || !this._indices)
+            return;
+        if (this._vertices.length / 2 !== this._uvs.length / 2)
+            return;
+        gl.useProgram(this._program);
+        // upload if needed
+        if (this._needsUpload) {
+            gl.bindBuffer(gl.ARRAY_BUFFER, this._vbo);
+            gl.bufferData(gl.ARRAY_BUFFER, this._vertices, gl.DYNAMIC_DRAW);
+            gl.bindBuffer(gl.ARRAY_BUFFER, this._uvbo);
+            gl.bufferData(gl.ARRAY_BUFFER, this._uvs, gl.STATIC_DRAW);
+            gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, this._ibo);
+            gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, this._indices, gl.STATIC_DRAW);
+            this._needsUpload = false;
+        }
+        else {
+            gl.bindBuffer(gl.ARRAY_BUFFER, this._vbo);
+            gl.bindBuffer(gl.ARRAY_BUFFER, this._uvbo);
+            gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, this._ibo);
+        }
+        const aPosLoc = gl.getAttribLocation(this._program, 'a_position');
+        const aUVLoc = gl.getAttribLocation(this._program, 'a_texcoord');
+        // vertices
+        gl.bindBuffer(gl.ARRAY_BUFFER, this._vbo);
+        gl.enableVertexAttribArray(aPosLoc);
+        gl.vertexAttribPointer(aPosLoc, 2, gl.FLOAT, false, 0, 0);
+        // uvs
+        gl.bindBuffer(gl.ARRAY_BUFFER, this._uvbo);
+        gl.enableVertexAttribArray(aUVLoc);
+        gl.vertexAttribPointer(aUVLoc, 2, gl.FLOAT, false, 0, 0);
+        // bind texture
+        if (this._texture) {
+            gl.activeTexture(gl.TEXTURE0);
+            const webTex = this._texture._webTextureObj || (this._texture.getTexture ? this._texture.getTexture() : null);
+            // console.log(gl.TEXTURE_2D, webTex)
+            if (webTex) {
+                gl.bindTexture(gl.TEXTURE_2D, webTex._webTextureObj);
+            }
+            else {
+                const img = this._texture.getHtmlElementObj ? this._texture.getHtmlElementObj() : this._texture;
+                if (img) {
+                    const tmp = gl.createTexture();
+                    gl.bindTexture(gl.TEXTURE_2D, tmp);
+                    gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, img);
+                    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
+                    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
+                }
+            }
+            const uTexLoc = gl.getUniformLocation(this._program, 'u_texture');
+            gl.uniform1i(uTexLoc, 0);
+        }
+        else {
+            gl.bindTexture(gl.TEXTURE_2D, null);
+        }
+        // resolution
+        const uResLoc = gl.getUniformLocation(this._program, 'u_resolution');
+        const viewAny = cc.view;
+        const sz = viewAny.getFrameSize
+            ? viewAny.getFrameSize()
+            : { width: cc.director.getWinSize().width, height: cc.director.getWinSize().height };
+        gl.uniform2f(uResLoc, sz.width, sz.height);
+        // model matrix from node
+        const uModelLoc = gl.getUniformLocation(this._program, 'u_model');
+        const modelMat = this._computeModelMatrixFromNode();
+        gl.uniformMatrix3fv(uModelLoc, false, modelMat);
+        // alpha
+        const uAlphaLoc = gl.getUniformLocation(this._program, 'u_alpha');
+        gl.uniform1f(uAlphaLoc, this._alpha || 1.0);
+        // blending
+        gl.enable(gl.BLEND);
+        gl.blendFunc(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA);
+        // draw
+        gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, this._ibo);
+        gl.drawElements(gl.TRIANGLES, this._indices.length, gl.UNSIGNED_SHORT, 0);
+        // cleanup
+        gl.disableVertexAttribArray(aPosLoc);
+        gl.disableVertexAttribArray(aUVLoc);
+    }
+    // simple canvas fallback: just draw bounding box for visibility
+    _drawMeshCanvasFallback() {
+        if (!this._fallbackDraw.parent) {
+            this.addChild(this._fallbackDraw);
+        }
+        this._fallbackDraw.clear();
+        if (!this._vertices || this._vertices.length < 2)
+            return;
+        let minX = Number.POSITIVE_INFINITY, minY = Number.POSITIVE_INFINITY;
+        let maxX = Number.NEGATIVE_INFINITY, maxY = Number.NEGATIVE_INFINITY;
+        for (let i = 0; i < this._vertices.length; i += 2) {
+            const x = this._vertices[i], y = this._vertices[i + 1];
+            if (x < minX)
+                minX = x;
+            if (y < minY)
+                minY = y;
+            if (x > maxX)
+                maxX = x;
+            if (y > maxY)
+                maxY = y;
+        }
+        const rect = [cc.p(minX, minY), cc.p(maxX, minY), cc.p(maxX, maxY), cc.p(minX, maxY)];
+        this._fallbackDraw.drawPoly(rect, null, 1, cc.color(255, 0, 0, 255));
+    }
+    // set alpha multiplier
+    setAlpha(a) {
+        this._alpha = a;
+    }
+    // convenience static to create a quad mesh
+    static createQuad(x, y, w, h, u0, v0, uw, vh) {
+        const verts = new Float32Array([x, y, x + w, y, x + w, y + h, x, y + h]);
+        const u1 = u0 + uw, v1 = v0 + vh;
+        const uvs = new Float32Array([u0, v0, u1, v0, u1, v1, u0, v1]);
+        const inds = new Uint16Array([0, 1, 2, 0, 2, 3]);
+        return { vertices: verts, uvs: uvs, indices: inds };
+    }
+    // cleanup GL buffers on exit
+    onExit() {
+        super.onExit();
+        if (this._gl) {
+            try {
+                if (this._vbo)
+                    this._gl.deleteBuffer(this._vbo);
+                if (this._uvbo)
+                    this._gl.deleteBuffer(this._uvbo);
+                if (this._ibo)
+                    this._gl.deleteBuffer(this._ibo);
+                if (this._program)
+                    this._gl.deleteProgram(this._program);
+            }
+            catch (e) {
+                console.log('onExit', e);
+            }
+            this._gl = null;
+        }
+    }
+}

package/dist/dragonbones/index.d.ts

@@ -1,4 +1,3 @@
 export * from './DragonBonesComp';
-export * from './PixiDragonBonesSprite';
 export declare function setupDragonBones(): void;
 //# sourceMappingURL=index.d.ts.map

package/dist/dragonbones/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dragonbones/index.ts"],"names":[],"mappings":"AAGA,cAAc,mBAAmB,CAAA;AACjC,cAAc,yBAAyB,CAAA;AAEvC,wBAAgB,gBAAgB,SAE/B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dragonbones/index.ts"],"names":[],"mappings":"AAGA,cAAc,mBAAmB,CAAA;AAEjC,wBAAgB,gBAAgB,SAE/B"}

package/dist/dragonbones/index.js

@@ -1,7 +1,6 @@
 import { GameWorld } from '../gworld';
 import { DragonBonesSystem } from './DragonBonesSystem';
 export * from './DragonBonesComp';
-export * from './PixiDragonBonesSprite';
 export function setupDragonBones() {
     GameWorld.Instance.addSystemAndUpdate(DragonBonesSystem);
 }

package/dist/polyfills.d.ts

@@ -22,7 +22,7 @@ declare class _Vec2 {
 export type Vec2 = _Vec2;
 export declare function Vec2(x?: number | object, y?: number): Vec2;
 export declare namespace Vec2 {
-    var ZERO: Readonly<_Vec2>;
+    var ZERO: any;
 }
 export declare enum SpriteType {
     SIMPLE = 0,

package/dist/polyfills.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"polyfills.d.ts","sourceRoot":"","sources":["../src/polyfills.ts"],"names":[],"mappings":"AAOA,cAAM,KAAK;IACT,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,MAAM,CAAC,IAAI,MAAA;gBACC,CAAC,GAAE,MAAM,GAAG,MAAU,EAAE,CAAC,SAAI;IAazC,MAAM,CAAC,KAAK,EAAE,KAAK;IAInB,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,GAAG,IAAI,GAAG,KAAK;IAIlC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,GAAG,IAAI,GAAG,KAAK;IAOtC,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,GAAG,IAAI,GAAG,KAAK;IAIlC,GAAG,CAAC,QAAQ,EAAE,MAAM,GAAG,KAAK;IAI5B,OAAO,CAAC,QAAQ,EAAE,MAAM,GAAG,KAAK;IAOhC,GAAG,IAAI,MAAM;IAIb,aAAa,IAAI,KAAK;IAOtB,SAAS,IAAI,KAAK;IAIX,KAAK,CAAC,KAAK,EAAE,IAAI;IAGjB,SAAS,CAAC,KAAK,EAAE,IAAI;IAIrB,SAAS;IAGT,GAAG,CAAC,KAAK,EAAE,IAAI;IAGf,KAAK,CAAC,KAAK,EAAE,IAAI;IAcjB,QAAQ,CAAC,KAAK,EAAE,KAAK;CAG7B;AACD,MAAM,MAAM,IAAI,GAAG,KAAK,CAAA;AACxB,wBAAgB,IAAI,CAAC,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAE1D;yBAFe,IAAI;;;AAMpB,oBAAY,UAAU;IACpB,MAAM,IAAA;IACN,MAAM,IAAA;IACN,KAAK,IAAA;IACL,MAAM,IAAA;IACN,IAAI,IAAA;CACL;AAED,eAAO,MAAM,GAAG,UAA0B,CAAA;AAC1C,eAAO,MAAM,KAAK,UAAwB,CAAA;AAC1C,eAAO,MAAM,KAAK,UAA8B,CAAA;AAChD,eAAO,MAAM,KAAK,UAA0B,CAAA;AAC5C,eAAO,MAAM,IAAI,UAA0B,CAAA;AAY3C,wBAAgB,OAAO,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,YAEjE;AACD,MAAM,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAA;AAEhD,cAAM,KAAK;IACT,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,IAAI,MAAA;gBACC,KAAK,SAAI,EAAE,MAAM,SAAI;CAWlC;AAED,MAAM,MAAM,IAAI,GAAG,KAAK,CAAA;AACxB,wBAAgB,IAAI,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAEjD;AAED,qBAAa,KAAM,SAAQ,EAAE,CAAC,KAAK;IACzB,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,mBAAmB,EAAE,MAAM,IAAI,CAAA;IAC/B,gBAAgB,EAAE,MAAM,IAAI,CAAA;IAC5B,iBAAiB,EAAE,MAAM,IAAI,CAAA;CACtC;AAED,wBAAgB,UAAU,IAAI,IAAI,CAEjC"}
+{"version":3,"file":"polyfills.d.ts","sourceRoot":"","sources":["../src/polyfills.ts"],"names":[],"mappings":"AAOA,cAAM,KAAK;IACT,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,MAAM,CAAC,IAAI,MAAA;gBACC,CAAC,GAAE,MAAM,GAAG,MAAU,EAAE,CAAC,SAAI;IAazC,MAAM,CAAC,KAAK,EAAE,KAAK;IAInB,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,GAAG,IAAI,GAAG,KAAK;IAIlC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,GAAG,IAAI,GAAG,KAAK;IAOtC,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,GAAG,IAAI,GAAG,KAAK;IAIlC,GAAG,CAAC,QAAQ,EAAE,MAAM,GAAG,KAAK;IAI5B,OAAO,CAAC,QAAQ,EAAE,MAAM,GAAG,KAAK;IAOhC,GAAG,IAAI,MAAM;IAIb,aAAa,IAAI,KAAK;IAOtB,SAAS,IAAI,KAAK;IAIX,KAAK,CAAC,KAAK,EAAE,IAAI;IAGjB,SAAS,CAAC,KAAK,EAAE,IAAI;IAIrB,SAAS;IAGT,GAAG,CAAC,KAAK,EAAE,IAAI;IAGf,KAAK,CAAC,KAAK,EAAE,IAAI;IAcjB,QAAQ,CAAC,KAAK,EAAE,KAAK;CAG7B;AACD,MAAM,MAAM,IAAI,GAAG,KAAK,CAAA;AACxB,wBAAgB,IAAI,CAAC,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAE1D;yBAFe,IAAI;;;AAKpB,oBAAY,UAAU;IACpB,MAAM,IAAA;IACN,MAAM,IAAA;IACN,KAAK,IAAA;IACL,MAAM,IAAA;IACN,IAAI,IAAA;CACL;AAED,eAAO,MAAM,GAAG,UAA0B,CAAA;AAC1C,eAAO,MAAM,KAAK,UAAwB,CAAA;AAC1C,eAAO,MAAM,KAAK,UAA8B,CAAA;AAChD,eAAO,MAAM,KAAK,UAA0B,CAAA;AAC5C,eAAO,MAAM,IAAI,UAA0B,CAAA;AAY3C,wBAAgB,OAAO,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,YAEjE;AACD,MAAM,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAA;AAEhD,cAAM,KAAK;IACT,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,IAAI,MAAA;gBACC,KAAK,SAAI,EAAE,MAAM,SAAI;CAWlC;AAED,MAAM,MAAM,IAAI,GAAG,KAAK,CAAA;AACxB,wBAAgB,IAAI,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAEjD;AAED,qBAAa,KAAM,SAAQ,EAAE,CAAC,KAAK;IACzB,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,mBAAmB,EAAE,MAAM,IAAI,CAAA;IAC/B,gBAAgB,EAAE,MAAM,IAAI,CAAA;IAC5B,iBAAiB,EAAE,MAAM,IAAI,CAAA;CACtC;AAED,wBAAgB,UAAU,IAAI,IAAI,CAEjC"}

package/dist/polyfills.js

@@ -87,8 +87,7 @@ class _Vec2 {
 export function Vec2(x, y) {
     return new _Vec2(x, y);
 }
-cc.Vec2 = _Vec2;
-Vec2.ZERO = cc.Vec2.ZERO = Object.freeze(Vec2(0, 0));
+Vec2.ZERO = Vec2.ZERO = Object.freeze(Vec2(0, 0));
 export var SpriteType;
 (function (SpriteType) {
     SpriteType[SpriteType["SIMPLE"] = 0] = "SIMPLE";

package/dist/render/RenderComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RenderComponent.d.ts","sourceRoot":"","sources":["../../src/render/RenderComponent.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"RenderComponent.d.ts","sourceRoot":"","sources":["../../src/render/RenderComponent.ts"],"names":[],"mappings":"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"}

package/dist/render/RenderComponent.js

@@ -14,6 +14,7 @@ export class SpriteRender extends ComponentX {
     }
     updateTiled() {
         // effect to native only
+        // createTiledSprite()
     }
 }
 export class MaskRender extends ComponentX {

package/dist/render/RenderSystem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RenderSystem.d.ts","sourceRoot":"","sources":["../../src/render/RenderSystem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAoC,MAAM,EAAE,MAAM,YAAY,CAAA;AAOlG,oBAAY,WAAW;IACrB,MAAM,IAAA;IACN,MAAM,IAAA;IACN,KAAK,IAAA;IACL,MAAM,IAAA;IACN,IAAI,IAAA;IACJ,SAAS,IAAA;CACV;AAED,qBAAa,YAAa,YAAW,MAAM;IACzC,SAAS,CAAC,aAAa,EAAE,YAAY;IAWrC,OAAO,CAAC,eAAe,CAKtB;IAED,OAAO,CAAC,iBAAiB,CAgBxB;IAED,OAAO,CAAC,eAAe,CAWtB;IAED,OAAO,CAAC,mBAAmB,CAQ1B;IAED,OAAO,CAAC,iBAAiB,CAKxB;IAED,OAAO,CAAC,aAAa,CAKpB;IAED,OAAO,CAAC,iBAAiB,CAUxB;IAED,OAAO,CAAC,iBAAiB,CAKxB;IAED,MAAM,CAAC,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,EAAE,MAAM;CAIjE"}
+{"version":3,"file":"RenderSystem.d.ts","sourceRoot":"","sources":["../../src/render/RenderSystem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAoC,MAAM,EAAE,MAAM,YAAY,CAAA;AAMlG,oBAAY,WAAW;IACrB,MAAM,IAAA;IACN,MAAM,IAAA;IACN,KAAK,IAAA;IACL,MAAM,IAAA;IACN,IAAI,IAAA;IACJ,SAAS,IAAA;CACV;AA2CD,qBAAa,YAAa,YAAW,MAAM;IACzC,SAAS,CAAC,aAAa,EAAE,YAAY;IAWrC,OAAO,CAAC,eAAe,CAKtB;IAED,OAAO,CAAC,iBAAiB,CAgBxB;IAED,OAAO,CAAC,eAAe,CAWtB;IAED,OAAO,CAAC,mBAAmB,CAQ1B;IAED,OAAO,CAAC,iBAAiB,CAKxB;IAED,OAAO,CAAC,aAAa,CAKpB;IAED,OAAO,CAAC,iBAAiB,CAUxB;IAED,OAAO,CAAC,iBAAiB,CAKxB;IAED,MAAM,CAAC,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,EAAE,MAAM;CAIjE"}

package/dist/render/RenderSystem.js

@@ -2,7 +2,6 @@ import { EventTypes } from 'entityx-ts';
 import { NodeComp } from '../core/NodeComp';
 import { BLUE, RED } from '../polyfills';
 import { GraphicsRender, MaskRender, MotionStreakComp, NodeRender, ParticleComp, SpriteRender, TiledMap } from './RenderComponent';
-import { TiledSprite } from './TiledSprite';
 export var SpriteTypes;
 (function (SpriteTypes) {
     SpriteTypes[SpriteTypes["SIMPLE"] = 0] = "SIMPLE";
@@ -12,6 +11,39 @@ export var SpriteTypes;
     SpriteTypes[SpriteTypes["MESH"] = 4] = "MESH";
     SpriteTypes[SpriteTypes["ANIMATION"] = 5] = "ANIMATION";
 })(SpriteTypes || (SpriteTypes = {}));
+function createTiledSprite(src, totalW, totalH) {
+    // tạo sprite từ input
+    const tileSprite = new cc.Sprite(src);
+    // lấy kích thước gốc của texture
+    const frame = tileSprite.getSpriteFrame();
+    const tileW = frame ? frame.getRect().width : tileSprite.getContentSize().width;
+    const tileH = frame ? frame.getRect().height : tileSprite.getContentSize().height;
+    // tạo renderTexture với kích thước cần phủ
+    const rt = new cc.RenderTexture(totalW, totalH);
+    rt.beginWithClear(0, 0, 0, 0);
+    const drawSprite = new cc.Sprite(tileSprite.getTexture());
+    // if (frame) {
+    //   drawSprite.setSpriteFrame(frame)
+    // }
+    drawSprite.setAnchorPoint(0, 0);
+    // số tile theo trục x,y
+    const cols = Math.ceil(totalW / tileW);
+    const rows = Math.ceil(totalH / tileH);
+    for (let r = 0; r < rows; r++) {
+        for (let c = 0; c < cols; c++) {
+            const s = new cc.Sprite(frame);
+            s.setAnchorPoint(0, 0);
+            s.setPosition(c * tileW, r * tileH);
+            s.visit(rt);
+        }
+    }
+    rt.end();
+    const finalSprite = rt.sprite;
+    finalSprite.setFlippedY(true); // RenderTexture bị lật
+    finalSprite.setAnchorPoint(0, 0);
+    finalSprite.setContentSize(cc.size(totalW, totalH));
+    return new cc.Sprite(finalSprite.texture);
+}
 export class RenderSystem {
     configure(event_manager) {
         event_manager.subscribe(EventTypes.ComponentAdded, NodeRender, this.onAddNodeRender);
@@ -35,7 +67,7 @@ export class RenderSystem {
         // console.log('frame', spriteFrame, frame)
         let node;
         if (tiledSize) {
-            node = new TiledSprite({ texture: spriteFrame, width: tiledSize.width, height: tiledSize.height });
+            node = createTiledSprite(spriteFrame, tiledSize.width, tiledSize.height);
         }
         else if (capInsets) {
             const rect = cc.rect(...capInsets);

package/dist/richtext/RichTextComp.js

@@ -22,7 +22,7 @@ export class RichTextComp extends ComponentX {
                     // console.log('richText', richText, (ccui as any).RichElementCustomNode)
                     const label = new ccui.Text(text, fontName, fontSize);
                     label.enableOutline(cc.hexToColor(style.outline.color), style.outline.width || 3);
-                    const customElem = new ccui.RichElementCustomNode.create(1, cc.color(255, 0, 0), 255, label);
+                    const customElem = ccui.RichElementCustomNode.create(1, cc.color(255, 0, 0), 255, label);
                     this.node.instance.pushBackElement(customElem);
                 }
                 else {