动画替换完成

assets/script/game/hero/Hero.ts

@@ -54,7 +54,7 @@ export class Hero extends ecs.Entity {
             this.addComponents<ecs.Comp>( MonModelComp);
         }
         
-        var path =  "game/hero/"+smc.heros[uuid].path;
+        var path =  "game/heros/"+smc.heros[uuid].path;
         var prefab: Prefab = oops.res.get(path, Prefab)!;
         var node = instantiate(prefab);
 

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);
+    }
 }

assets/script/game/hero/HeroSpine.ts

@@ -1,84 +1,63 @@
-/*
- * @Author: dgflash
- * @Date: 2022-08-04 15:08:35
- * @LastEditors: dgflash
- * @LastEditTime: 2022-08-04 15:26:26
- */
-import { Color, Component, EventTouch, sp, Vec3, _decorator ,Animation, AnimationClip, AnimationState,} from "cc";
+import { Color, Component, EventTouch, sp, Vec3, _decorator ,} from "cc";
+import HeroAnmComp from "./HeroAnmComp";
 
 const { ccclass, property } = _decorator;
 
-/** 
- * ＲＰＧ ＳＰＩＮＥ角色模型
- */
 @ccclass('HeroSpine')
 export class HeroSpine extends Component  {
-    @property(Animation)
-    animator: Animation = null!;
-   
+    @property(HeroAnmComp)
+    anm: HeroAnmComp = null;
 
+    status:string="Idle";
+    
     onLoad() {
         // 角色控制组件
-        this.initAnimator();
-        this.idle_clip = this.animator.clips[0];
-        this.atk_clip =  this.animator.clips[1];
-        this.move_clip =  this.animator.clips[2];
-        this.default_clip=this.move_clip.name;
-        let animation = this.animator.getComponent(Animation);
-        animation.on(Animation.EventType.FINISHED, this.onAnimationEvent, this)
+        
     }
     protected start(): void {
         this.move();
     }
     /** 初始化动画 */
     protected initAnimator() {
-        this.animator=this.node.getChildByName("anm").getComponent(Animation);
         
-        // console.log("mon spine init",this.animator);
+       
     }
     in_playing(){
-        if(this.animator.getState(this.atk_clip.name).isPlaying) return true;
-        if(this.animator.getState(this.idle_clip.name).isPlaying) return true;
-        if(this.animator.getState(this.move_clip.name).isPlaying) return true;
-        return false;
+      
     }
-    onAnimationEvent(type: Animation.EventType, state: AnimationState){
-        if(type==Animation.EventType.FINISHED){
-            // console.log("animator end",state.name);
-            if(state.name==this.atk_clip.name){
-                this.default();
-            }
-        }    
+    change_status(value:string){
+        this.status=value
     }
     change_default(value:string){
-        // console.log("change default",value);
-        this.default_clip=value;
+        
     }
     default() {
-        if(!this.in_playing()){
-            // console.log("do default");
-            this.animator.play(this.default_clip);
-        }
+    
         
     }
     idle(){
-        if(!this.in_playing()){
-            console.log("do idle");
-            this.animator.play(this.idle_clip.name);
-        }
+        // console.log("do Idle");
+        if(this.status=="Idle") return
+        this.status="Idle"
+        this.anm.idle()
     }
     atk() {
         // console.log("do atk");
-        this.animator.play(this.atk_clip.name); 
+        this.anm.atk()
+    }
+    max(){
+        // console.log("do max");
+        this.anm.max()
     }
-
-
-
     move(){
-        if(!this.animator.getState(this.move_clip.name).isPlaying) {
-            console.log("doing move");
-            this.animator.play(this.move_clip.name);
-        }
+        // console.log("doing move");
+        if(this.status=="move") return
+        this.status="move"
+        this.anm.move()
+    }
+    atked() {
+        // console.log("do atked");
+        this.anm.atked()
     }
     onDestroy() {
         this.node.destroy();

assets/script/game/hero/HeroViewComp.ts

@@ -455,6 +455,7 @@ export class HeroViewComp extends CCComp {
     //使用max_skill
     handle_skill(skill:number){    
         this.as.atk()
+        this.at = 0;
         this.tooltip(3,smc.skills[skill].name,skill);
 
         switch (smc.skills[skill].tg) {
@@ -673,6 +674,7 @@ export class HeroViewComp extends CCComp {
         let pos =v3(0,30);
         node.setPosition(pos)
         node.parent = this.node;
+        // this.as.atked();
         this.atked_count++;
         this.exp_add(this.uaep)
     }