角色动画 确定

assets/script/game/Role/role2/Role2SpineAnimator.ts

@@ -0,0 +1,71 @@
+/*
+ * @Author: dgflash
+ * @Date: 2022-08-04 15:08:35
+ * @LastEditors: dgflash
+ * @LastEditTime: 2022-08-04 15:26:38
+ */
+import { sp, _decorator ,Component} from "cc";
+
+const { ccclass, property, requireComponent } = _decorator;
+
+/** 
+ * Spine状态机组件（主状态机），trackIndex为0
+ */
+@ccclass
+@requireComponent(sp.Skeleton)
+export default class Role2SpineAnimator extends Component {
+    private animName: string = "Idle";
+    private loop: boolean = true;
+    private spine!: sp.Skeleton;
+    start() {
+        this.spine = this.getComponent(sp.Skeleton)!;
+        // console.log("MonsterSpineAnimator start");
+        this.playAnimation(this.animName, this.loop);
+    }
+    mixTime:number= 0.2;
+    
+    protected onLoad(): void {
+        this.spine = this.getComponent(sp.Skeleton)!;
+        // this.spine?.setMix('atk', 'Idle', this.mixTime);
+        // this.spine?.setMix('Idle','atk',  this.mixTime);
+        this.spine.setEndListener(trackEntry => {
+            var animationName = trackEntry.animation ? trackEntry.animation.name : "";
+            // console.log("[track %s][animation %s] end.", trackEntry.trackIndex, animationName);
+            if (animationName == "atk"||animationName == "magic") {
+                this.spine.setAnimation(1, "Idle", true);
+            }
+        });
+
+    }
+    lateUpdate(dt: number) {
+        // 
+    }
+
+    play(animName: string, loop: boolean) {
+        if (animName) {
+            this.animName = animName;
+            this.loop = loop;
+            this.spine.setAnimation(1 ,this.animName, this.loop);
+        }
+        else {
+        }
+    }
+    /**
+     * 播放动画
+     * @override
+     * @param animName 动画名
+     * @param loop 是否循环播放
+     */
+    protected playAnimation(animName: string, loop: boolean) {
+        // console.log("MonsterSpineAnimator playAnimation");
+        if (animName) {
+            // console.log("MonsterSpineAnimator playAnimation animName", animName);
+            this.animName = animName;
+            this.loop = loop;
+            this.spine.setAnimation(1, this.animName, this.loop);
+        }
+        else {
+        }
+    }
+
+}