Merge pull request #87 from our-mini-games/feat-Chinese-chess

fix: 动画逻辑处理

packages/Chinese-chess/package.json

@@ -23,7 +23,7 @@
     "@ant-design/icons-vue": "^6.1.0",
     "@vitejs/plugin-vue": "^4.5.2",
     "ant-design-vue": "^3.2.15",
-    "chinese-chess-service": "^0.0.20",
+    "chinese-chess-service": "^0.0.21",
     "lodash.clonedeep": "^4.5.0",
     "socket.io-client": "^4.7.2",
     "vue": "^3.2.41"

packages/Chinese-chess/src/pages/OnlineGame/GameMain.vue

@@ -94,8 +94,15 @@ onMounted(async () => {
       })
     })
     gameInterface.value.on('animation:finished', type => {
-      if (type === 'check-mate') {
-        runAnimation(context.value!.currentCamp === Camp.RED ? 'redWin' : 'blackWin')
+      gameInterface.value?.animations.clear()
+      console.log(JSON.stringify(context.value!.message))
+      if (context.value!.message.length > 0) {
+        const msg = context.value!.message.shift()
+        if (msg.type === 'animation') {
+          runAnimation(msg.content)
+        } else if (msg.type === 'tips') {
+          runTips(msg.content)
+        }
       }
     })
   }
@@ -168,7 +175,7 @@ const handleContextChange = (context: GameContext, gameInterface: ReturnType<typ
     if (context.activePiece) {
       if (context.players![context.currentCamp]!.id === currentUser.value!.id) {
         gameInterface.activePieceAnimation.stop()
-        gameInterface.activePieceAnimation.run(context.activePiece)
+        gameInterface.activePieceAnimation.run(context.activePiece, currentUserCamp.value === Camp.BLACK ? Math.PI : 0)
       }
     } else {
       gameInterface.activePieceAnimation.stop()
@@ -179,8 +186,8 @@ const handleContextChange = (context: GameContext, gameInterface: ReturnType<typ
     }
 
     if (context.movePath.length > 0) {
-      gameInterface.drawCurrentStop(context.movePath[0])
-      gameInterface.drawLastStop(context.movePath.at(-1)!)
+      gameInterface.drawCurrentStop(context.movePath.at(-1)!)
+      gameInterface.drawLastStop(context.movePath[0])
     }
 
     if (context.message.length > 0) {