update shake jar when hammer hit

assets/scripts/Events.ts

@@ -28,3 +28,4 @@ export const RESET_BOTTLE = 'RESET_BOTTLE';
 export const RESET_FRAGMENT = 'RESET_FRAGMENT';
 export const DROP_FRAGMENT = 'DROP_FRAGMENT';
 export const DROP_BEHIND_FRAGMENT = 'DROP_BEHIND_FRAGMENT';
+export const SHAKE_FRAGMENT = 'SHAKE_FRAGMENT';
\ No newline at end of file

assets/scripts/GamePlay/BreakingJarController.ts

-import { BEAT_GUILD, CHECK_FRAGMENT, CHECK_TOUCH, DROP_FRAGMENT, eventTarget, HAMMER, RESET_BOTTLE, RESET_FRAGMENT, SHOW_CARD_POPUP, STOP_GUILD_TAP } from "../Events";
+import { BEAT_GUILD, CHECK_FRAGMENT, CHECK_TOUCH, eventTarget, HAMMER, RESET_BOTTLE, RESET_FRAGMENT, SHAKE_FRAGMENT, SHOW_CARD_POPUP, STOP_GUILD_TAP } from "../Events";
 import { Global } from "../Global";
 import BehindFragment from "./BehindFragment";
 import FragmentJarController from "./FragmentJarController";
@@ -80,12 +80,22 @@ export default class BreakingJarController extends cc.Component {
 
         cc.tween(this.hammerNode)
             .to(0.5, { position: cc.v3(newPos.x, newPos.y, 0) })
+            .call(() => this.shakeNode())
             .delay(0.1)
             .to(0.2, { position: cc.v3(400, -400) })
             .call(() => this.hammerNode.active = false)
             .start();
     }
 
+    private shakeNode() {
+        cc.director.getPhysicsManager().enabled = false;
+        eventTarget.emit(SHAKE_FRAGMENT)
+        cc.tween(this.node)
+            .delay(0.15)
+            .call(() => cc.director.getPhysicsManager().enabled = true)
+            .start();
+    }
+
     private checkFragment(fragmentNode: cc.Node) {
         const fragmentIndex = this._fragmentsNode.findIndex(item => item === fragmentNode);
         const behindFragment = this._behindJarChild[fragmentIndex];

assets/scripts/GamePlay/FragmentJarController.ts

-import { CHECK_FRAGMENT, CHECK_TOUCH, DROP_FRAGMENT, eventTarget, HAMMER, PLAY_DROP_SOUND, RESET_FRAGMENT } from "../Events";
+import { CHECK_FRAGMENT, CHECK_TOUCH, DROP_FRAGMENT, eventTarget, HAMMER, PLAY_DROP_SOUND, RESET_FRAGMENT, SHAKE_FRAGMENT } from "../Events";
 
 const { ccclass, property } = cc._decorator;
 
@@ -30,6 +30,7 @@ export default class FragmentJarController extends cc.Component {
         eventTarget.on(CHECK_TOUCH, this.checkTouch, this);
         eventTarget.on(RESET_FRAGMENT, this.reset, this);
         eventTarget.on(DROP_FRAGMENT, () => this.node.name.includes('nap') && this.dropFragment(), this);
+        eventTarget.on(SHAKE_FRAGMENT, this.shakeFragment, this);
     }
 
     public reset() {
@@ -42,6 +43,18 @@ export default class FragmentJarController extends cc.Component {
         this.node.children.forEach(slot => slot.active = false);
     }
 
+    public shakeFragment() {
+        if (this._isDropped) {
+            return;
+        }
+        cc.tween(this.node)
+            .repeat(2, cc.tween(this.node)
+                .by(0.05, { position: cc.v3(-10, -10) })
+                .by(0.05, { position: cc.v3(10, 10) })
+            )
+            .start();
+    }
+
     private checkTouch(point: cc.Vec2) {
         if (this._isDropped || this.isBottom) {
             return;