( 完美解决)spine在场景编辑器不能实时预览动作的问题

6520874qq · 2020年12月6日 03:34

cocoscreator的场景编辑器是无法预览spine的，这让我们开发很麻烦，每次都得运行游戏

经过笔者的研究，查询spine源码，把eidtor的return去掉，但是发现spine可以预览，但是巨卡无比，经过多次研究，终于完美流畅解决

想了一下，也不是很难的东西，分享出来给大家

pr地址：
https://github.com/cocos-creator/engine/pull/7923/files
记得gulp build编译，pr还在审核能不能过，看各位大佬了，反正对游戏运行没有任何影响

效果图：
https://forum.cocos.org/uploads/default/original/3X/c/8/c865ddbdbf34de8e1066def128467b1c5d7d1d60.gif

6520874qq · 2020年12月6日 03:26

mqffi-8nymi

yafacex · 2020年12月11日 09:44

animatingInEditMode这个你咋发现的。。搜了一下源码没搜到这个值

6520874qq · 2020年12月12日 06:34

调试进去一步一步看

hsy5201118 · 2021年04月14日 10:27

大佬能教下你这该怎么处理不？ccc萌新没干过这种操作

1112496 · 2021年04月21日 07:02

我按照你的pr改了一下，也build了，但是并没有生效，不知道什么原因 cocos版本2.4.4

mengxianlei · 2021年04月21日 08:33

if (CC_EDITOR) {
    // 重写update方法 达到在编辑模式下 自动播放动画的功能
    sp.Skeleton.prototype['update'] = function (dt) {
        if (CC_EDITOR) {
            cc['engine']._animatingInEditMode = 1;
            cc['engine'].animatingInEditMode = 1;
        }
        if (this.paused) return;

        dt *= this.timeScale * sp['timeScale'];

        if (this.isAnimationCached()) {

            // Cache mode and has animation queue.
            if (this._isAniComplete) {
                if (this._animationQueue.length === 0 && !this._headAniInfo) {
                    let frameCache = this._frameCache;
                    if (frameCache && frameCache.isInvalid()) {
                        frameCache.updateToFrame();
                        let frames = frameCache.frames;
                        this._curFrame = frames[frames.length - 1];
                    }
                    return;
                }
                if (!this._headAniInfo) {
                    this._headAniInfo = this._animationQueue.shift();
                }
                this._accTime += dt;
                if (this._accTime > this._headAniInfo.delay) {
                    let aniInfo = this._headAniInfo;
                    this._headAniInfo = null;
                    this.setAnimation(0, aniInfo.animationName, aniInfo.loop);
                }
                return;
            }

            this._updateCache(dt);
        } else {
            this._updateRealtime(dt);
        }
    }
}

把这段代码放在任意脚本里面就可以