egret spine 对接实现

开着房车环游世界2023-11-02 12:12

SkeletonAnimation 继承自 egret.DisplayObjectContainer

里面监听了 egret.Event.ENTER_FRAME事件

他里面有一个 SkeletonRenderer

这个是渲染用的

他会靠这个代码驱动

this.renderer.update(now - this.lastTime);

typescript 复制代码

public update(dt: number) {
   this.state.update(dt);
    this.state.apply(this.skeleton);
    this.skeleton.updateWorldTransform();
    const drawOrder = this.skeleton.drawOrder;
    for (let i = 0; i < drawOrder.length; i++) {
        const index = drawOrder[i].data.index;
        const renderer = this.slotRenderers[index];
        if (renderer.zIndex !== i) {
            renderer.zIndex = i;
        }
        renderer.renderSlot(this);
    }
    this.clipper.clipEnd();
}

SkeletonRenderer

RegionAttachment里的computeWorldVertices方法

这个是计算在世界坐标系里的位置

他需要这几个参数

bash 复制代码

bone: Bone, worldVertices: ArrayLike<number>, offset: number, stride: number

看描述

bash 复制代码

/** Transforms the attachment's four vertices to world coordinates.
*
* See [World transforms](http://esotericsoftware.com/spine-runtime-skeletons#World-transforms) in the Spine
* Runtimes Guide.
* @param worldVertices The output world vertices. Must have a length >= `offset` + 8.
* @param offset The `worldVertices` index to begin writing values.
* @param stride The number of `worldVertices` entries between the value pairs written. */

worldVertices 是输出用的

offset 代表数组写入从几开始

stride 代表写入一组数据后跳过几个索引

一般来说到这里的bone 已经处理过数据了他里面的worldX 和 worldY可以直接使用了