update tutorial

assets/scripts/Events.ts

@@ -17,4 +17,6 @@ export const PLAY_ANIM_NUT3 = 'PLAY_ANIM_NUT3';
 export const PLAY_ANIM_NUT4 = 'PLAY_ANIM_NUT4';
 
 export const ROTATE_GUILD = 'ROTATE_GUILD';
-export const STOP_GUILD = 'STOP_GUILD';
+export const BEAT_GUILD = 'BEAT_GUILD';
\ No newline at end of file
+export const STOP_GUILD_ROTATE = 'STOP_GUILD_ROTATE';
+export const STOP_GUILD_TAP = 'STOP_GUILD_TAP';
\ No newline at end of file

assets/scripts/GamePlay/BuaController.ts

-import { eventTarget, PLAY_ANIM_NUT1, PLAY_ANIM_NUT2, PLAY_ANIM_NUT3, PLAY_ANIM_NUT4, PLAY_BREAKING_SOUND, PLAY_DROP_SOUND, SHOW_CARD_POPUP } from "../Events";
+import { BEAT_GUILD, eventTarget, PLAY_ANIM_NUT1, PLAY_ANIM_NUT2, PLAY_ANIM_NUT3, PLAY_ANIM_NUT4, PLAY_BREAKING_SOUND, PLAY_DROP_SOUND, SHOW_CARD_POPUP, STOP_GUILD_TAP } from "../Events";
 import { Global } from "../Global";
 
 
@@ -20,6 +20,14 @@ export default class BuaController extends cc.Component {
         this.node.on(cc.Node.EventType.TOUCH_START, this.onTouchStart, this);
         this.node.on(cc.Node.EventType.TOUCH_END, this.onTouchEnd, this);
         this._actions = [this.playAnimationDap1, this.playAnimationDap2, this.playAnimationDap3, this.playAnimationDap4];
+
+        eventTarget.on(BEAT_GUILD, this.beatGuild, this);
+    }
+
+    private beatGuild() {
+        this.spine.setAnimation(0, "Dap2", false);
+        this.spine.timeScale = 1.3;
+        this.playSound();
     }
 
     public onSetTool() {
@@ -35,12 +43,13 @@ export default class BuaController extends cc.Component {
     }
 
     private onTouchStart(): void {
-        if(!this._isPlay){
+        eventTarget.emit(STOP_GUILD_TAP);
+        if (!this._isPlay) {
             return;
         }
         this._actions[Global.tool + this._count].bind(this)();
         this._count++;
-        if(Global.tool + this._count > 3 ){
+        if (Global.tool + this._count > 3) {
             this._isPlay = false;
         }
     }

assets/scripts/GamePlay/HuController.ts

-import { eventTarget, PLAY_ROLLING_SOUND, ROTATE_GUILD, STOP_GUILD } from "../Events";
+import { eventTarget, PLAY_ROLLING_SOUND, ROTATE_GUILD, STOP_GUILD_ROTATE } from "../Events";
 import { TrackEntry } from "../Utils";
 
 const { ccclass, property } = cc._decorator;
@@ -50,8 +50,8 @@ export default class HuController extends cc.Component {
     }
 
     private onTouchStart(event: cc.Event.EventTouch): void {
-        eventTarget.emit(STOP_GUILD);
-        
+        eventTarget.emit(STOP_GUILD_ROTATE);
+
         // if (!this._pointStart) {
         //     this.setRotateAnim();
         // }

assets/scripts/Tutorial.meta

+{
+  "ver": "1.1.3",
+  "uuid": "3d0048a6-0bc0-4625-a1b9-e7efb330f291",
+  "importer": "folder",
+  "isBundle": false,
+  "bundleName": "",
+  "priority": 1,
+  "compressionType": {},
+  "optimizeHotUpdate": {},
+  "inlineSpriteFrames": {},
+  "isRemoteBundle": {},
+  "subMetas": {}
+}
\ No newline at end of file

assets/scripts/GamePlay/TutorialController.ts → assets/scripts/Tutorial/RotateTutorialController.ts

-import { eventTarget, ROTATE_GUILD, STOP_GUILD } from "../Events";
+import { eventTarget, ROTATE_GUILD, STOP_GUILD_ROTATE } from "../Events";
 
 const { ccclass, property } = cc._decorator;
 
 @ccclass
-export default class TutorialController extends cc.Component {
-
+export default class RotateTutorialController extends cc.Component {
     private _hand: cc.Node;
 
     protected onLoad(): void {
         [this._hand] = this.node.children;
+        eventTarget.on(STOP_GUILD_ROTATE, this.stopGuild, this);
+
         this.tutorialRotate();
-        eventTarget.on(STOP_GUILD, this.stopGuild, this);
     }
 
     private stopGuild() {
@@ -20,7 +20,7 @@ export default class TutorialController extends cc.Component {
 
     private tutorialRotate() {
         this._hand.active = true;
-        
+
         cc.tween(this._hand)
             .repeatForever(cc.tween(this._hand)
                 .to(0, { position: cc.v3(350) }, { easing: 'easingOutQuad' })

assets/scripts/GamePlay/TutorialController.ts.meta → assets/scripts/Tutorial/RotateTutorialController.ts.meta

 {
   "ver": "1.1.0",
-  "uuid": "3bfa65da-3350-411d-a61c-9a13db8fb529",
+  "uuid": "245c4f1c-7b7e-4244-b576-57d18ca4fec5",
   "importer": "typescript",
   "isPlugin": false,
   "loadPluginInWeb": true,

assets/scripts/Tutorial/TapTutorialController.ts

+import { BEAT_GUILD, eventTarget, STOP_GUILD_TAP } from "../Events";
+
+const { ccclass, property } = cc._decorator;
+
+@ccclass
+export default class TapTutorialController extends cc.Component {
+    private _hand: cc.Node;
+
+    protected onLoad(): void {
+        [this._hand] = this.node.children;
+        eventTarget.on(STOP_GUILD_TAP, this.stopGuild, this);
+
+        this.tutorialTap();
+    }
+
+    private stopGuild() {
+        cc.Tween.stopAllByTarget(this._hand);
+        this._hand.active = false;
+    }
+
+    private tutorialTap() {
+        this._hand.active = true;
+        cc.tween(this._hand)
+            .repeatForever(cc.tween(this._hand)
+                .to(0, { position: cc.v3(120, 100) }, { easing: 'easingOutQuad' })
+                .to(0.2, { angle: 15 }, { easing: 'easingInQuad' })
+                .to(0.2, { angle: -15 })
+                .to(0.15, { position: cc.v3(110, 80) })
+                .call(() => eventTarget.emit(BEAT_GUILD))
+                .delay(0.8)
+            )
+            .start();
+    }
+}

assets/scripts/Tutorial/TapTutorialController.ts.meta

+{
+  "ver": "1.1.0",
+  "uuid": "2c2cb747-c101-4276-940c-03fcd7cc11ad",
+  "importer": "typescript",
+  "isPlugin": false,
+  "loadPluginInWeb": true,
+  "loadPluginInNative": true,
+  "loadPluginInEditor": false,
+  "subMetas": {}
+}
\ No newline at end of file