@safe-engine/cocos 2.6.3 → 2.6.5

package/dist/spine/CCSkeletonCanvasRenderCmd.js

@@ -0,0 +1,225 @@
+import * as spine from '@esotericsoftware/spine-core';
+/****************************************************************************
+ Copyright (c) 2013-2014 Chukong Technologies Inc.
+
+ http://www.cocos2d-x.org
+
+ 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.
+ ****************************************************************************/
+var gworld = gworld || {};
+(function () {
+    gworld.CanvasRenderCmd = function (renderableObject) {
+        this._rootCtor(renderableObject);
+        this._needDraw = true;
+    };
+    const proto = (gworld.CanvasRenderCmd.prototype = Object.create(cc.Node.CanvasRenderCmd.prototype));
+    proto.constructor = gworld.CanvasRenderCmd;
+    proto.rendering = function (wrapper, scaleX, scaleY) {
+        let node = this._node, i, n, slot, slotNode;
+        wrapper = wrapper || cc._renderContext;
+        const locSkeleton = node._skeleton, drawOrder = locSkeleton.drawOrder;
+        for (i = 0, n = drawOrder.length; i < n; i++) {
+            slot = drawOrder[i];
+            slotNode = slot._slotNode;
+            if (slotNode._visible && slotNode._renderCmd && slot.currentSprite) {
+                slotNode._renderCmd.transform(this, true);
+                slot.currentSprite._renderCmd.rendering(wrapper, scaleX, scaleY);
+                slotNode._renderCmd._dirtyFlag = slot.currentSprite._renderCmd._dirtyFlag = 0;
+            }
+        }
+        if (!node._debugSlots && !node._debugBones)
+            return;
+        wrapper.setTransform(this._worldTransform, scaleX, scaleY);
+        wrapper.setGlobalAlpha(1);
+        let attachment, drawingUtil = cc._drawingUtil;
+        if (node._debugSlots) {
+            // Slots.
+            drawingUtil.setDrawColor(0, 0, 255, 255);
+            drawingUtil.setLineWidth(1);
+            const points = [];
+            for (i = 0, n = locSkeleton.slots.length; i < n; i++) {
+                slot = locSkeleton.drawOrder[i];
+                if (!slot.attachment || !(slot.attachment instanceof spine.RegionAttachment))
+                    continue;
+                attachment = slot.attachment;
+                this._updateRegionAttachmentSlot(attachment, slot, points);
+                drawingUtil.drawPoly(points, 4, true);
+            }
+        }
+        if (node._debugBones) {
+            // Bone lengths.
+            let bone;
+            drawingUtil.setLineWidth(2);
+            drawingUtil.setDrawColor(255, 0, 0, 255);
+            for (i = 0, n = locSkeleton.bones.length; i < n; i++) {
+                bone = locSkeleton.bones[i];
+                const x = bone.data.length * bone.a + bone.worldX;
+                const y = bone.data.length * bone.c + bone.worldY;
+                drawingUtil.drawLine({ x: bone.worldX, y: bone.worldY }, { x: x, y: y });
+            }
+            // Bone origins.
+            const pointSize = 4;
+            drawingUtil.setDrawColor(0, 0, 255, 255); // Root bone is blue.
+            for (i = 0, n = locSkeleton.bones.length; i < n; i++) {
+                bone = locSkeleton.bones[i];
+                drawingUtil.drawPoint({ x: bone.worldX, y: bone.worldY }, pointSize);
+                if (i === 0)
+                    drawingUtil.setDrawColor(0, 255, 0, 255);
+            }
+        }
+    };
+    proto.updateStatus = function () {
+        this.originUpdateStatus();
+        this._updateCurrentRegions();
+        this._regionFlag = cc.Node.CanvasRenderCmd.RegionStatus.DirtyDouble;
+        this._dirtyFlag &= ~cc.Node._dirtyFlags.contentDirty;
+    };
+    proto.getLocalBB = function () {
+        return this._node.getBoundingBox();
+    };
+    proto._updateRegionAttachmentSlot = function (attachment, slot, points) {
+        if (!points)
+            return;
+        const vertices = spine.Utils.setArraySize([], 8, 0);
+        attachment.computeWorldVertices(slot, vertices, 0, 2);
+        const VERTEX = spine.RegionAttachment;
+        points.length = 0;
+        points.push(cc.p(vertices[VERTEX.X1], vertices[VERTEX.Y1]));
+        points.push(cc.p(vertices[VERTEX.X4], vertices[VERTEX.Y4]));
+        points.push(cc.p(vertices[VERTEX.X3], vertices[VERTEX.Y3]));
+        points.push(cc.p(vertices[VERTEX.X2], vertices[VERTEX.Y2]));
+    };
+    proto._createChildFormSkeletonData = function () {
+        const node = this._node;
+        let locSkeleton = node._skeleton, spriteName, sprite;
+        for (let i = 0, n = locSkeleton.slots.length; i < n; i++) {
+            const slot = locSkeleton.slots[i], attachment = slot.attachment;
+            const slotNode = new cc.Node();
+            slot._slotNode = slotNode;
+            if (attachment instanceof spine.RegionAttachment) {
+                spriteName = attachment.name;
+                sprite = this._createSprite(slot, attachment);
+                slot.currentSprite = sprite;
+                slot.currentSpriteName = spriteName;
+                slotNode.addChild(sprite);
+            }
+            else if (attachment instanceof spine.MeshAttachment) {
+                //todo for mesh
+            }
+        }
+    };
+    const loaded = function (sprite, texture, attachment) {
+        const rendererObject = attachment.region;
+        const rect = new cc.Rect(rendererObject.x, rendererObject.y, rendererObject.width, rendererObject.height);
+        sprite.initWithTexture(texture, rect, rendererObject.rotate, false);
+        sprite._rect.width = attachment.width;
+        sprite._rect.height = attachment.height;
+        sprite.setContentSize(attachment.width, attachment.height);
+        sprite.setRotation(-attachment.rotation);
+        sprite.setScale((rendererObject.width / rendererObject.originalWidth) * attachment.scaleX, (rendererObject.height / rendererObject.originalHeight) * attachment.scaleY);
+    };
+    proto._createSprite = function (slot, attachment) {
+        const rendererObject = attachment.region;
+        const texture = rendererObject.texture.getRealTexture();
+        const sprite = new cc.Sprite();
+        if (texture.isLoaded()) {
+            loaded(sprite, texture, attachment);
+        }
+        else {
+            texture.addEventListener('load', function () {
+                loaded(sprite, texture, attachment);
+            }, this);
+        }
+        slot.sprites = slot.sprites || {};
+        slot.sprites[rendererObject.name] = sprite;
+        return sprite;
+    };
+    proto._updateChild = function () {
+        const locSkeleton = this._node._skeleton, slots = locSkeleton.slots;
+        const color = this._displayedColor, opacity = this._displayedOpacity;
+        let i, n, selSprite, ax, ay;
+        let slot, attachment, slotNode;
+        for (i = 0, n = slots.length; i < n; i++) {
+            slot = slots[i];
+            attachment = slot.attachment;
+            slotNode = slot._slotNode;
+            if (!attachment) {
+                slotNode.setVisible(false);
+                continue;
+            }
+            if (attachment instanceof spine.RegionAttachment) {
+                if (attachment.region) {
+                    if (!slot.currentSpriteName || slot.currentSpriteName !== attachment.name) {
+                        const spriteName = attachment.name;
+                        if (slot.currentSprite !== undefined)
+                            slot.currentSprite.setVisible(false);
+                        slot.sprites = slot.sprites || {};
+                        if (slot.sprites[spriteName] !== undefined)
+                            slot.sprites[spriteName].setVisible(true);
+                        else {
+                            const sprite = this._createSprite(slot, attachment);
+                            slotNode.addChild(sprite);
+                        }
+                        slot.currentSprite = slot.sprites[spriteName];
+                        slot.currentSpriteName = spriteName;
+                    }
+                }
+                const bone = slot.bone;
+                if (attachment.region.offsetX === 0 && attachment.region.offsetY === 0) {
+                    ax = attachment.x;
+                    ay = attachment.y;
+                }
+                else {
+                    //var regionScaleX = attachment.width / attachment.regionOriginalWidth * attachment.scaleX;
+                    //ax = attachment.x + attachment.regionOffsetX * regionScaleX - (attachment.width * attachment.scaleX - attachment.regionWidth * regionScaleX) / 2;
+                    ax = (attachment.offset[0] + attachment.offset[4]) * 0.5;
+                    ay = (attachment.offset[1] + attachment.offset[5]) * 0.5;
+                }
+                slotNode.setPosition(bone.worldX + ax * bone.a + ay * bone.b, bone.worldY + ax * bone.c + ay * bone.d);
+                slotNode.setScale(bone.getWorldScaleX(), bone.getWorldScaleY());
+                //set the color and opacity
+                selSprite = slot.currentSprite;
+                selSprite._flippedX = bone.skeleton.flipX;
+                selSprite._flippedY = bone.skeleton.flipY;
+                if (selSprite._flippedY || selSprite._flippedX) {
+                    slotNode.setRotation(bone.getWorldRotationX());
+                    selSprite.setRotation(attachment.rotation);
+                }
+                else {
+                    slotNode.setRotation(-bone.getWorldRotationX());
+                    selSprite.setRotation(-attachment.rotation);
+                }
+                //hack for sprite
+                selSprite._renderCmd._displayedOpacity = 0 | (opacity * slot.color.a);
+                const r = 0 | (color.r * slot.color.r), g = 0 | (color.g * slot.color.g), b = 0 | (color.b * slot.color.b);
+                selSprite.setColor(cc.color(r, g, b));
+                selSprite._renderCmd._updateColor();
+            }
+            else if (attachment instanceof spine.MeshAttachment) {
+                // Can not render mesh
+            }
+            else {
+                slotNode.setVisible(false);
+                continue;
+            }
+            slotNode.setVisible(true);
+        }
+    };
+})();
+export const CanvasRenderCmd = gworld.CanvasRenderCmd;

package/dist/spine/CCSkeletonTexture.d.ts

@@ -0,0 +1,2 @@
+export declare const SkeletonTexture: any;
+//# sourceMappingURL=CCSkeletonTexture.d.ts.map

package/dist/spine/CCSkeletonTexture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CCSkeletonTexture.d.ts","sourceRoot":"","sources":["../../src/spine/CCSkeletonTexture.ts"],"names":[],"mappings":"AAoEA,eAAO,MAAM,eAAe,KAAyB,CAAA"}

package/dist/spine/CCSkeletonTexture.js

@@ -0,0 +1,62 @@
+import * as spine from '@esotericsoftware/spine-core';
+/****************************************************************************
+ Copyright (c) 2017 Chukong Technologies Inc.
+
+ http://www.cocos2d-x.org
+
+ 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.
+ ****************************************************************************/
+var gworld = gworld || {};
+gworld.SkeletonTexture = function (image) {
+    // spine.Texture.call(this, image);
+};
+cc.inherits(gworld.SkeletonTexture, spine.Texture);
+cc.extend(gworld.SkeletonTexture.prototype, {
+    name: 'gworld.SkeletonTexture',
+    _texture: null,
+    setRealTexture: function (tex) {
+        this._texture = tex;
+    },
+    getRealTexture: function () {
+        return this._texture;
+    },
+    setFilters: function (minFilter, magFilter) {
+        if (cc._renderType === cc.game.RENDER_TYPE_WEBGL) {
+            const gl = cc._renderContext;
+            this.bind();
+            gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, minFilter);
+            gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, magFilter);
+        }
+    },
+    setWraps: function (uWrap, vWrap) {
+        if (cc._renderType === cc.game.RENDER_TYPE_WEBGL) {
+            const gl = cc._renderContext;
+            this.bind();
+            gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, uWrap);
+            gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, vWrap);
+        }
+    },
+    dispose: function () { },
+    bind: function () {
+        if (cc._renderType === cc.game.RENDER_TYPE_WEBGL) {
+            cc.glBindTexture2D(this._texture);
+        }
+    },
+});
+export const SkeletonTexture = gworld.SkeletonTexture;

package/dist/spine/CCSkeletonWebGLRenderCmd.d.ts

@@ -0,0 +1,2 @@
+export declare const WebGLRenderCmd: any;
+//# sourceMappingURL=CCSkeletonWebGLRenderCmd.d.ts.map

package/dist/spine/CCSkeletonWebGLRenderCmd.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CCSkeletonWebGLRenderCmd.d.ts","sourceRoot":"","sources":["../../src/spine/CCSkeletonWebGLRenderCmd.ts"],"names":[],"mappings":"AAyWA,eAAO,MAAM,cAAc,KAAwB,CAAA"}

package/dist/spine/CCSkeletonWebGLRenderCmd.js

@@ -0,0 +1,281 @@
+import * as spine from '@esotericsoftware/spine-core';
+/****************************************************************************
+ Copyright (c) 2013-2014 Chukong Technologies Inc.
+
+ http://www.cocos2d-x.org
+
+ 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.
+ ****************************************************************************/
+var gworld = gworld || {};
+(function () {
+    gworld.WebGLRenderCmd = function (renderableObject) {
+        this._rootCtor(renderableObject);
+        this._needDraw = true;
+        this._matrix = new cc.math.Matrix4();
+        this._matrix.identity();
+        this._currTexture = null;
+        this._currBlendFunc = {};
+        this.vertexType = cc.renderer.VertexType.CUSTOM;
+        this.setShaderProgram(cc.shaderCache.programForKey(cc.SHADER_SPRITE_POSITION_TEXTURECOLOR));
+    };
+    const proto = (gworld.WebGLRenderCmd.prototype = Object.create(cc.Node.WebGLRenderCmd.prototype));
+    proto.constructor = gworld.WebGLRenderCmd;
+    proto.uploadData = function (f32buffer, ui32buffer, vertexDataOffset) {
+        const node = this._node;
+        const color = this._displayedColor, locSkeleton = node._skeleton;
+        let attachment, slot, i, n;
+        const premultiAlpha = node._premultipliedAlpha;
+        locSkeleton.r = color.r / 255;
+        locSkeleton.g = color.g / 255;
+        locSkeleton.b = color.b / 255;
+        locSkeleton.a = this._displayedOpacity / 255;
+        if (premultiAlpha) {
+            locSkeleton.r *= locSkeleton.a;
+            locSkeleton.g *= locSkeleton.a;
+            locSkeleton.b *= locSkeleton.a;
+        }
+        let debugSlotsInfo = null;
+        if (this._node._debugSlots) {
+            debugSlotsInfo = [];
+        }
+        for (i = 0, n = locSkeleton.drawOrder.length; i < n; i++) {
+            slot = locSkeleton.drawOrder[i];
+            if (!slot.attachment)
+                continue;
+            attachment = slot.attachment;
+            // get the vertices length
+            let vertCount = 0;
+            if (attachment instanceof spine.RegionAttachment) {
+                vertCount = 6; // a quad = two triangles = six vertices
+            }
+            else if (attachment instanceof spine.MeshAttachment) {
+                vertCount = attachment.regionUVs.length / 2;
+            }
+            else {
+                continue;
+            }
+            // no vertices to render
+            if (vertCount === 0) {
+                continue;
+            }
+            const regionTextureAtlas = node.getTextureAtlas(attachment);
+            // Broken for changing batch info
+            var batchBroken;
+            if (regionTextureAtlas.texture) {
+                this._currTexture = regionTextureAtlas.texture.getRealTexture();
+                batchBroken = cc.renderer._updateBatchedInfo(this._currTexture, this._getBlendFunc(slot.data.blendMode, premultiAlpha), this._glProgramState);
+            }
+            // keep the same logic with RendererWebGL.js, avoid vertex data overflow
+            const uploadAll = vertexDataOffset / 6 + vertCount > (cc.BATCH_VERTEX_COUNT - 200) * 0.5;
+            // Broken for vertex data overflow
+            if (!batchBroken && uploadAll) {
+                // render the cached data
+                cc.renderer._batchRendering();
+                batchBroken = true;
+            }
+            if (batchBroken) {
+                vertexDataOffset = 0;
+            }
+            // update the vertex buffer
+            let slotDebugPoints = null;
+            if (attachment instanceof spine.RegionAttachment) {
+                slotDebugPoints = this._uploadRegionAttachmentData(attachment, slot, premultiAlpha, f32buffer, ui32buffer, vertexDataOffset);
+            }
+            else if (attachment instanceof spine.MeshAttachment) {
+                this._uploadMeshAttachmentData(attachment, slot, premultiAlpha, f32buffer, ui32buffer, vertexDataOffset);
+            }
+            else {
+                continue;
+            }
+            if (this._node._debugSlots) {
+                debugSlotsInfo[i] = slotDebugPoints;
+            }
+            // update the index buffer
+            if (attachment instanceof spine.RegionAttachment) {
+                cc.renderer._increaseBatchingSize(vertCount, cc.renderer.VertexType.TRIANGLE);
+            }
+            else {
+                cc.renderer._increaseBatchingSize(vertCount, cc.renderer.VertexType.CUSTOM, attachment.triangles);
+            }
+            // update the index data
+            vertexDataOffset += vertCount * 6;
+        }
+        if (node._debugBones || node._debugSlots) {
+            // flush previous vertices
+            cc.renderer._batchRendering();
+            const wt = this._worldTransform, mat = this._matrix.mat;
+            mat[0] = wt.a;
+            mat[4] = wt.c;
+            mat[12] = wt.tx;
+            mat[1] = wt.b;
+            mat[5] = wt.d;
+            mat[13] = wt.ty;
+            cc.kmGLMatrixMode(cc.KM_GL_MODELVIEW);
+            cc.current_stack.stack.push(cc.current_stack.top);
+            cc.current_stack.top = this._matrix;
+            const drawingUtil = cc._drawingUtil;
+            if (node._debugSlots && debugSlotsInfo && debugSlotsInfo.length > 0) {
+                // Slots.
+                drawingUtil.setDrawColor(0, 0, 255, 255);
+                drawingUtil.setLineWidth(1);
+                for (i = 0, n = locSkeleton.slots.length; i < n; i++) {
+                    const points = debugSlotsInfo[i];
+                    if (points) {
+                        drawingUtil.drawPoly(points, 4, true);
+                    }
+                }
+            }
+            if (node._debugBones) {
+                // Bone lengths.
+                let bone;
+                drawingUtil.setLineWidth(2);
+                drawingUtil.setDrawColor(255, 0, 0, 255);
+                for (i = 0, n = locSkeleton.bones.length; i < n; i++) {
+                    bone = locSkeleton.bones[i];
+                    const x = bone.data.length * bone.a + bone.worldX;
+                    const y = bone.data.length * bone.c + bone.worldY;
+                    drawingUtil.drawLine(cc.p(bone.worldX, bone.worldY), cc.p(x, y));
+                }
+                // Bone origins.
+                drawingUtil.setPointSize(4);
+                drawingUtil.setDrawColor(0, 0, 255, 255); // Root bone is blue.
+                for (i = 0, n = locSkeleton.bones.length; i < n; i++) {
+                    bone = locSkeleton.bones[i];
+                    drawingUtil.drawPoint(cc.p(bone.worldX, bone.worldY));
+                    if (i == 0) {
+                        drawingUtil.setDrawColor(0, 255, 0, 255);
+                    }
+                }
+            }
+            cc.kmGLPopMatrix();
+        }
+        return 0;
+    };
+    proto._getBlendFunc = function (blendMode, premultiAlpha) {
+        let ret = this._currBlendFunc;
+        switch (blendMode) {
+            case spine.BlendMode.Normal:
+                ret.src = premultiAlpha ? cc.ONE : cc.SRC_ALPHA;
+                ret.dst = cc.ONE_MINUS_SRC_ALPHA;
+                break;
+            case spine.BlendMode.Additive:
+                ret.src = premultiAlpha ? cc.ONE : cc.SRC_ALPHA;
+                ret.dst = cc.ONE;
+                break;
+            case spine.BlendMode.Multiply:
+                ret.src = cc.DST_COLOR;
+                ret.dst = cc.ONE_MINUS_SRC_ALPHA;
+                break;
+            case spine.BlendMode.Screen:
+                ret.src = cc.ONE;
+                ret.dst = cc.ONE_MINUS_SRC_COLOR;
+                break;
+            default:
+                ret = this._node._blendFunc;
+                break;
+        }
+        return ret;
+    };
+    proto._createChildFormSkeletonData = function () { };
+    proto._updateChild = function () { };
+    proto._uploadRegionAttachmentData = function (attachment, slot, premultipliedAlpha, f32buffer, ui32buffer, vertexDataOffset) {
+        // the vertices in format:
+        // [
+        //   X1, Y1, C1R, C1G, C1B, C1A, U1, V1,    // bottom left
+        //   X2, Y2, C2R, C2G, C2B, C2A, U2, V2,    // top left
+        //   X3, Y3, C3R, C3G, C3B, C3A, U3, V3,    // top right
+        //   X4, Y4, C4R, C4G, C4B, C4A, U4, V4     // bottom right
+        // ]
+        //
+        const nodeColor = this._displayedColor;
+        const nodeR = nodeColor.r, nodeG = nodeColor.g, nodeB = nodeColor.b, nodeA = this._displayedOpacity;
+        const vertices = spine.Utils.setArraySize([], 8, 0);
+        attachment.computeWorldVertices(slot, vertices, 0, 2);
+        const uvs = attachment.uvs;
+        // get the colors data
+        const skeleton = slot.bone.skeleton;
+        const skeletonColor = skeleton.color;
+        const slotColor = slot.color;
+        const regionColor = attachment.color;
+        const alpha = skeletonColor.a * slotColor.a * regionColor.a;
+        const multiplier = premultipliedAlpha ? alpha : 1;
+        const colors = attachment.tempColor;
+        colors.set(skeletonColor.r * slotColor.r * regionColor.r * multiplier, skeletonColor.g * slotColor.g * regionColor.g * multiplier, skeletonColor.b * slotColor.b * regionColor.b * multiplier, alpha);
+        const wt = this._worldTransform, wa = wt.a, wb = wt.b, wc = wt.c, wd = wt.d, wx = wt.tx, wy = wt.ty, z = this._node.vertexZ;
+        let offset = vertexDataOffset;
+        // generate 6 vertices data (two triangles) from the quad vertices
+        // using two angles : (0, 1, 2) & (0, 2, 3)
+        for (let i = 0; i < 6; i++) {
+            const srcIdx = i < 4 ? i % 3 : i - 2;
+            const vx = vertices[srcIdx * 2], vy = vertices[srcIdx * 2 + 1];
+            const x = vx * wa + vy * wc + wx, y = vx * wb + vy * wd + wy;
+            const r = colors.r * nodeR, g = colors.g * nodeG, b = colors.b * nodeB, a = colors.a * nodeA;
+            const color = (a << 24) | (b << 16) | (g << 8) | r;
+            f32buffer[offset] = x;
+            f32buffer[offset + 1] = y;
+            f32buffer[offset + 2] = z;
+            ui32buffer[offset + 3] = color;
+            f32buffer[offset + 4] = uvs[srcIdx * 2];
+            f32buffer[offset + 5] = uvs[srcIdx * 2 + 1];
+            offset += 6;
+        }
+        if (this._node._debugSlots) {
+            // return the quad points info if debug slot enabled
+            const VERTEX = spine.RegionAttachment;
+            return [
+                cc.p(vertices[VERTEX.X1], vertices[VERTEX.Y1]),
+                cc.p(vertices[VERTEX.X2], vertices[VERTEX.Y2]),
+                cc.p(vertices[VERTEX.X3], vertices[VERTEX.Y3]),
+                cc.p(vertices[VERTEX.X4], vertices[VERTEX.Y4]),
+            ];
+        }
+    };
+    proto._uploadMeshAttachmentData = function (attachment, slot, premultipliedAlpha, f32buffer, ui32buffer, vertexDataOffset) {
+        const wt = this._worldTransform, wa = wt.a, wb = wt.b, wc = wt.c, wd = wt.d, wx = wt.tx, wy = wt.ty, z = this._node.vertexZ;
+        // get the vertex data
+        const verticesLength = attachment.worldVerticesLength;
+        const vertices = spine.Utils.setArraySize([], verticesLength, 0);
+        attachment.computeWorldVertices(slot, 0, verticesLength, vertices, 0, 2);
+        const uvs = attachment.uvs;
+        // get the colors data
+        const skeleton = slot.bone.skeleton;
+        const skeletonColor = skeleton.color, slotColor = slot.color, meshColor = attachment.color;
+        const alpha = skeletonColor.a * slotColor.a * meshColor.a;
+        const multiplier = premultipliedAlpha ? alpha : 1;
+        const colors = attachment.tempColor;
+        colors.set(skeletonColor.r * slotColor.r * meshColor.r * multiplier, skeletonColor.g * slotColor.g * meshColor.g * multiplier, skeletonColor.b * slotColor.b * meshColor.b * multiplier, alpha);
+        let offset = vertexDataOffset;
+        const nodeColor = this._displayedColor;
+        const nodeR = nodeColor.r, nodeG = nodeColor.g, nodeB = nodeColor.b, nodeA = this._displayedOpacity;
+        for (let i = 0, n = vertices.length; i < n; i += 2) {
+            const vx = vertices[i], vy = vertices[i + 1];
+            const x = vx * wa + vy * wb + wx, y = vx * wc + vy * wd + wy;
+            const r = colors.r * nodeR, g = colors.g * nodeG, b = colors.b * nodeB, a = colors.a * nodeA;
+            const color = (a << 24) | (b << 16) | (g << 8) | r;
+            f32buffer[offset] = x;
+            f32buffer[offset + 1] = y;
+            f32buffer[offset + 2] = z;
+            ui32buffer[offset + 3] = color;
+            f32buffer[offset + 4] = uvs[i];
+            f32buffer[offset + 5] = uvs[i + 1];
+            offset += 6;
+        }
+    };
+})();
+export const WebGLRenderCmd = gworld.WebGLRenderCmd;

package/dist/spine/PixiSpineSprite.d.ts

@@ -0,0 +1,19 @@
+import { Spine } from '@esotericsoftware/spine-pixi-v8';
+import { Application } from 'pixi.js';
+export declare function loadSpineAssets({ skeleton, atlas, texture }: {
+    skeleton: any;
+    atlas: any;
+    texture: any;
+}): Promise<any>;
+export declare class PixiSpineSprite extends cc.Sprite {
+    _canvas: any;
+    _pixiApp: Application;
+    _texture: cc.Texture2D;
+    _config: any;
+    _armatureDisplay: Spine;
+    constructor(config: any);
+    _setupSpine(): void;
+    updateTexture(): void;
+    onExit(): void;
+}
+//# sourceMappingURL=PixiSpineSprite.d.ts.map

package/dist/spine/PixiSpineSprite.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PixiSpineSprite.d.ts","sourceRoot":"","sources":["../../src/spine/PixiSpineSprite.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAA;AACvD,OAAO,EAAE,WAAW,EAAU,MAAM,SAAS,CAAA;AAE7C,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE;;;;CAAA,gBAE3D;AAED,qBAAa,eAAgB,SAAQ,EAAE,CAAC,MAAM;IAC5C,OAAO,EAAE,GAAG,CAAA;IACZ,QAAQ,EAAE,WAAW,CAAA;IACrB,QAAQ,EAAE,EAAE,CAAC,SAAS,CAAA;IACtB,OAAO,MAAA;IACP,gBAAgB,EAAE,KAAK,CAAA;gBACX,MAAM,KAAA;IA4BlB,WAAW;IAsBX,aAAa;IAUb,MAAM;CAMP"}