动画替换完成

assets/script/game/hero/HeroAnmComp.ts

@@ -1,50 +1,99 @@
-/*
- * @Author: dgflash
- * @Date: 2022-08-04 15:08:35
- * @LastEditors: dgflash
- * @LastEditTime: 2022-08-04 15:26:38
- */
-import { sp, _decorator } from "cc";
-import AnimatorSpine from "../../../../extensions/oops-plugin-framework/assets/libs/animator/AnimatorSpine";
+import { _decorator, CCClass, Component, sp } from "cc";
+const { ccclass, property } = _decorator;
 
-const { ccclass, property, requireComponent, disallowMultiple } = _decorator;
+@ccclass('HeroAnmComp')
+export default class HeroAnmComp extends Component{
 
-/** 
- * Spine状态机组件（主状态机），trackIndex为0
- */
-@ccclass
-@disallowMultiple
-@requireComponent(sp.Skeleton)
-export default class HeroAnmComp extends AnimatorSpine {
+    mixTime:number= 0.2;
 
-    private animName: string = "Idle";
-    private loop: boolean = true;
+    private spine?: sp.Skeleton;
+    private _hasStop = true;
+    onLoad () {
+        var spine = this.spine = this.getComponent('sp.Skeleton') as sp.Skeleton;
+        this._setMix('Walking', 'Idle');
+        this._setMix('Walking', 'Attacking');
+        this._setMix('Walking', 'Taunt');
+        this._setMix('Idle', 'Attacking');
+        this._setMix('Idle', 'Taunt');
+        this._setMix('Idle', 'Walking');
+        this._setMix('Attacking', 'Idle');
+        this._setMix('Attacking', 'Walking');
+        this._setMix('Taunt', 'Walking');
+        this._setMix('Taunt', 'Idle');
 
-    start() {
+        spine.setCompleteListener((trackEntry) => {
+            var animationName = trackEntry.animation ? trackEntry.animation.name : "";
+            if (animationName === 'Attacking'||animationName==='Taunt'||animationName==='Hurt') {
+                this.spine!.clearTrack(1);
+            }
+            var loopCount = Math.floor(trackEntry.trackTime / trackEntry.animationEnd);
+            // console.log("[track %s][animation %s] complete: %s", trackEntry.trackIndex, animationName, loopCount);
+        });
+        spine.setEventListener(((trackEntry:any, event:any) => {
+            var animationName = trackEntry.animation ? trackEntry.animation.name : "";
+            // console.log("[track %s][animation %s] event: %s, %s, %s, %s", trackEntry.trackIndex, animationName, event.data.name, event.intValue, event.floatValue, event.stringValue);
+        }) as any);
 
-        super.start();
+        this._hasStop = false;
     }
 
-    lateUpdate(dt: number) {
+    // OPTIONS
 
+    toggleDebugSlots () {
+        this.spine!.debugSlots = !this.spine?.debugSlots;
     }
 
-    /**
-     * 播放动画
-     * @override
-     * @param animName 动画名
-     * @param loop 是否循环播放
-     */
-    protected playAnimation(animName: string, loop: boolean) {
-        if (animName) {
-            this.animName = animName;
-            this.loop = loop;
+    toggleDebugBones () {
+        this.spine!.debugBones = !this.spine?.debugBones;
+    }
 
-            this._spine.setAnimation(0, animName, loop);
+    toggleDebugMesh () {
+        this.spine!.debugMesh = !this.spine?.debugMesh;
+    }
+
+    toggleUseTint () {
+        this.spine!.useTint = !this.spine?.useTint;
+    }
+
+    toggleTimeScale () {
+        if (this.spine!.timeScale === 1.0) {
+            this.spine!.timeScale = 0.3;
         }
         else {
-            this._spine.clearTrack(0);
+            this.spine!.timeScale = 1.0;
         }
     }
 
+    // ANIMATIONS
+
+    stop () {
+        this.spine?.clearTrack(0);
+        this._hasStop = true;
+    }
+
+    move () {
+        if (this._hasStop) {
+            this.spine?.setToSetupPose();
+        }
+        this.spine?.setAnimation(0, 'Walking', true);
+        this._hasStop = false;
+    }
+    atk () {
+        this.spine?.setAnimation(1, 'Attacking', false);
+    }
+    max () {
+        this.spine?.setAnimation(1, 'Taunt', false);
+    }
+    atked () {
+        this.spine?.setAnimation(1, 'Hurt', false);
+    }
+    idle () {
+        this.spine?.setToSetupPose();
+        this.spine?.setAnimation(0, 'Idle', true);
+    }
+
+    _setMix (anim1: string, anim2: string) {
+        this.spine?.setMix(anim1, anim2, this.mixTime);
+        this.spine?.setMix(anim2, anim1, this.mixTime);
+    }
 }