[spine] 通过 `setTrackCompleteListener` 监听时, 事件回调莫名丢失, 不被触发.

[finscn]

Cocos Creator version

3.8.6

System information

all

Issue description

重现 bug 的代码如下:

    testTrackComplete() {
        this.spine.clearAnimation();
        const trackEntry = this.spine.setAnimation(0, "Start3", false);
        this.spine.setTrackCompleteListener(trackEntry, () => {
            console.log("track complete")

            // 1秒后 再次 调用 testTrackComplete() , 重复播放
            setTimeout(() => {
                this.testTrackComplete()
            }, 1000)
        })
    }

上述代码本应该 一直不断的重新播放动画.
但是实际上 播放两次 ( setTrackCompleteListener() 注册的事件只被执行1次) 就不再播放了.

如果不用 setTrackCompleteListener() , 而是使用 setCompleteListener() 则一切都符合预期.

Relevant error log output

No response

Steps to reproduce

.

Minimal reproduction project

No response

[finscn]

我通过 监控 cocos/spine/track-entry-listeners.ts 的 emitTrackEntryListener() 方法 发现如下问题:

主贴代码执行后,
首先是触发 complete

过约 1秒 才会触发 end 和 dispose
触发 dispose时, 走到 dispose 分支 , 会执行

    this._trackSet.delete(id);
    curTrack.listener = null as any;

但是 callback 是在此之前注册的, 被这段代码清空了 于是就不会执行第二次了

简答总结下就是:

第一次 通过setTrackCompleteListener 注册的callback 被正常执行了.
第二次 通过setTrackCompleteListener 注册的callback 被dispose 事件清空了.

---

我在 track-entry-listeners.ts 的 getListeners() 方法的开头 , 加入了 log

console.log('getListeners', id);

以及 emitTrackEntryListener() 方法的开头 , 加入了 log

console.log('emitTrackEntryListener', id, eventType);

运行后, 显示结果如下:

getListeners 1
emitTrackEntryListener 1 3
track complete
// 约 1 秒后
getListeners 2
emitTrackEntryListener 2 2
emitTrackEntryListener 2 4
emitTrackEntryListener 0 3

第二次播放时, 那个 id =2, 但是刚刚注册的callback, 被 dispose 事件中的代码清空了:

        case spine.EventType.dispose:
            if (curTrack.listener.dispose) {
                curTrack.listener.dispose(entry);
            }
            this._trackSet.delete(id);
            curTrack.listener = null as any;
            break;

而下一次莫名其妙的出来个 0 .
说明原生那边 新生成的 trackEntry 对象被清除了.

---

另外主贴中的代码 如果注释掉 clearAnimation() 也是ok 的.

我怀疑是因为 ts 和 cpp 在两个上下文 , 在不同的时机运行引起的.

ts 代码运行时:

1. 执行 clearAnimation() , 会触发 track的 end 和 dispose 事件, 但是此时并不是真的触发.
2. ts代码中创建了新的 trackEntry
3. ts 执行完, 才轮到 cpp代码

cpp代码:

1. 真正的触发 track的 end 和 dispose 事件, 执行相关逻辑
2. 此时会把 ts代码中新创建的 trackEntry 也直接 dispose 了.

.

[finscn]

另外还有一个老生常谈的问题,

        spine.setTrackCompleteListener(trackEntryA, ( trackEntryB ) => {
            //  此时  trackEntryA 不等于 trackEntryB
        });

这个 trackEntry 好像是 原生对象 在 js 端的一个代理? 原生对象是同一个, 但是在 js端不是 ?
具体为啥我也不知道 ,但是理论上是可以做到 在 js端 也是同一个吧.

希望不要每次 获取trackEntry时 都创建新的代理对象.
这样也会产生额外的内存占用.

[huafengguo]

Cocos Creator version

3.8.6

System information

all

Issue description

重现 bug 的代码如下:

testTrackComplete() {
    this.spine.clearAnimation();
    const trackEntry = this.spine.setAnimation(0, "Start3", false);
    this.spine.setTrackCompleteListener(trackEntry, () => {
        console.log("track complete")

        // 1秒后 再次 调用 testTrackComplete() , 重复播放
        setTimeout(() => {
            this.testTrackComplete()
        }, 1000)
    })
}

上述代码本应该 一直不断的重新播放动画. 但是实际上 播放两次 ( setTrackCompleteListener() 注册的事件只被执行1次) 就不再播放了.

如果不用 setTrackCompleteListener() , 而是使用 setCompleteListener() 则一切都符合预期.

Relevant error log output

No response

Steps to reproduce

.

Minimal reproduction project

No response

你好，请问你用的是4.2的spine动画吗？ 我在cocos creator 3.8.6中使用4.2 spine动画文件，不能得到setCompleteListener，setEndListener的回调，只有setDisposeListener，请问能帮忙试一下吗？