Enhanced force-resync mechanism to guarantee consistency across all players in a same room upon anyone reconnected.

Applied snapping on all-sides to avoid random zero-overlap detection uncertainty.
Merge pull request #15 from genxium/jumping_impl
2025-10-16 20:16:37 +00:00 · 2022-12-16 18:59:58 +08:00 · 2022-12-16 15:57:49 +08:00 · 2022-12-15 15:41:57 +08:00 · 2022-12-15 15:40:08 +08:00 · 2022-12-15 15:03:41 +08:00
114 changed files with 15273 additions and 2609 deletions
--- a/ConcerningEdgeCases.md
+++ b/ConcerningEdgeCases.md
@@ -1,3 +1,7 @@
+# What to be concerned for internet syncing
+1. Server received too late (solution: force confirmation)
+2. Client received too late (solution: prediction and frame chasing, big impact on user experience because the graphics will be inconsistent if mismatches occur too often)
+
 # Potential avalanche from local lag
 Under the current "input delay" algorithm, the lag of a single player would cause all the other players to receive outdated commands, e.g. when at a certain moment   
 - player#1: renderFrameId = 100, significantly lagged due to local CPU overheated
@@ -7,9 +11,9 @@ Under the current "input delay" algorithm, the lag of a single player would caus

 players #2, #3 #4 would receive "outdated(in their subjective feelings) but all-confirmed commands" from then on, thus forced to rollback and chase many frames - the lag due to "large range of frame-chasing" would then further deteriorate the situation - like an avalanche.   

-In a "no-server & p2p" setup, I couldn't think of a proper way to cope with such edge case. Solely on the frontend we could only mitigate the impact to players #2, #3, #4, e.g. a potential lag due to "large range of frame-chasing" is proactively avoided in `<proj-root>/frontend/assets/scripts/Map.js, function update(dt)`.
+In a "no-server & p2p" setup, I couldn't think of a proper way to cope with such edge case. Solely on the frontend we could only mitigate the impact to players #2, #3, #4, e.g. a potential lag due to "large range of frame-chasing" is proactively avoided in `<proj-root>/frontend/assets/scripts/Map.js, function update(dt)`. 

-However in a "server as authority" setup, the server could force confirming an inputFrame without player#1's upsync, and notify player#1 to apply a "roomDownsyncFrame" as well as drop all its outdated local inputFrames. 
+To be fair, **a "p2p" setup can reduce round-trip to single-trip**, but w/o a point of authority in such case player#1 needs a way to recognize the slowness (e.g. check the received peer inputs) and ticks faster for a while to catch up; in contrast in a "server as authority" setup, the server could force confirming an inputFrame without player#1's upsync, and notify player#1 to apply a "roomDownsyncFrame" as well as drop all its outdated local inputFrames. 

 # Start up frames
 renderFrameId      |   generatedInputFrameId    |  toApplyInputFrameId            
--- a/README.md
+++ b/README.md
@@ -2,10 +2,11 @@

 This project is a demo for a websocket-based rollback netcode inspired by [GGPO](https://github.com/pond3r/ggpo/blob/master/doc/README.md).

-_(the following gif is sped up to 2x for file size reduction)_
-![gif_demo](./charts/melee_attack_2.gif)
+_(the following gif is sped up to ~1.5x for file size reduction, kindly note that animations are resumed from a partial progress)_

-Please also checkout [this demo video](https://pan.baidu.com/s/1fy0CuFKnVP_Gn2cDfrj6yg?pwd=q5uc) to see how this demo carries out a full 60fps synchronization with the help of _batched input upsync/downsync_ for satisfying network I/O performance.
+![gif_demo](./charts/jump_sync_spedup.gif)
+
+Please also checkout [this demo video](https://pan.baidu.com/s/1Lmot9cb0pYylfUvC8G4fDg?pwd=ia97) to see how this demo carries out a full 60fps synchronization with the help of _batched input upsync/downsync_ for satisfying network I/O performance.

 The video mainly shows the following features.
 - The backend receives inputs from frontend peers and broadcasts back for synchronization.
--- a/battle_srv/Makefile
+++ b/battle_srv/Makefile
@@ -1,5 +1,6 @@
 PROJECTNAME=server.exe
 ROOT_DIR=.
+GOPROXY=https://mirrors.aliyun.com/goproxy 
 all: help

 gen-constants:
@@ -13,13 +14,13 @@ run-test-and-hotreload:
 	ServerEnv=TEST CompileDaemon -log-prefix=false -build="go build"  -command="./$(PROJECTNAME)"

 build:
-	go build -o $(ROOT_DIR)/$(PROJECTNAME)
+	GOPROXY=$(GOPROXY) go build -o $(ROOT_DIR)/$(PROJECTNAME)

 run-prod: build-prod
 	./$(PROJECTNAME)

 build-prod:
-	go build -ldflags "-s -w -X main.VERSION=$(shell git rev-parse --short HEAD)-$(shell date "+%Y%m%d-%H:%M:%S")" -o $(ROOT_DIR)/$(PROJECTNAME)
+	GOPROXY=$(GOPROXY) go build -ldflags "-s -w -X main.VERSION=$(shell git rev-parse --short HEAD)-$(shell date "+%Y%m%d-%H:%M:%S")" -o $(ROOT_DIR)/$(PROJECTNAME)

 .PHONY: help

--- a/battle_srv/models/pb_type_convert.go
+++ b/battle_srv/models/pb_type_convert.go
@@ -17,12 +17,16 @@ func toPbPlayers(modelInstances map[int32]*Player, withMetaInfo bool) map[int32]
 			VirtualGridY:   last.VirtualGridY,
 			DirX:           last.DirX,
 			DirY:           last.DirY,
-			ColliderRadius: last.ColliderRadius,
+			VelX:           last.VelX,
+			VelY:           last.VelY,
 			Speed:          last.Speed,
 			BattleState:    last.BattleState,
+			CharacterState: last.CharacterState,
+			InAir:          last.InAir,
+			JoinIndex:      last.JoinIndex,
+			ColliderRadius: last.ColliderRadius,
 			Score:          last.Score,
 			Removed:        last.Removed,
-			JoinIndex:      last.JoinIndex,
 		}
 		if withMetaInfo {
 			toRet[k].Name = last.Name
--- a/battle_srv/models/player.go
+++ b/battle_srv/models/player.go
@@ -13,6 +13,7 @@ import (
 type PlayerBattleState struct {
 	ADDED_PENDING_BATTLE_COLLIDER_ACK   int32
 	READDED_PENDING_BATTLE_COLLIDER_ACK int32
+	READDED_BATTLE_COLLIDER_ACKED       int32
 	ACTIVE                              int32
 	DISCONNECTED                        int32
 	LOST                                int32
@@ -26,11 +27,12 @@ func InitPlayerBattleStateIns() {
 	PlayerBattleStateIns = PlayerBattleState{
 		ADDED_PENDING_BATTLE_COLLIDER_ACK:   0,
 		READDED_PENDING_BATTLE_COLLIDER_ACK: 1,
-		ACTIVE:                              2,
-		DISCONNECTED:                        3,
-		LOST:                                4,
-		EXPELLED_DURING_GAME:                5,
-		EXPELLED_IN_DISMISSAL:               6,
+		READDED_BATTLE_COLLIDER_ACKED:       2,
+		ACTIVE:                              3,
+		DISCONNECTED:                        4,
+		LOST:                                5,
+		EXPELLED_DURING_GAME:                6,
+		EXPELLED_IN_DISMISSAL:               7,
 	}
 }

@@ -96,7 +98,7 @@ func getPlayer(cond sq.Eq) (*Player, error) {
 				p.CreatedAt = int64(val.(int64))
 			}
 		}
-		Logger.Info("Queried player from db", zap.Any("cond", cond), zap.Any("p", p), zap.Any("pd", pd), zap.Any("cols", cols), zap.Any("rowValues", vals))
+		Logger.Debug("Queried player from db", zap.Any("cond", cond), zap.Any("p", p), zap.Any("pd", pd), zap.Any("cols", cols), zap.Any("rowValues", vals))
 	}
 	p.PlayerDownsync = pd
 	return &p, nil
--- a/battle_srv/models/ringbuf.go
+++ b/battle_srv/models/ringbuf.go
@@ -21,6 +21,10 @@ func NewRingBuffer(n int32) *RingBuffer {
 }

 func (rb *RingBuffer) Put(pItem interface{}) {
+	for 0 < rb.Cnt && rb.Cnt >= rb.N {
+		// Make room for the new element
+		rb.Pop()
+	}
 	rb.Eles[rb.Ed] = pItem
 	rb.EdFrameId++
 	rb.Cnt++
@@ -69,5 +73,8 @@ func (rb *RingBuffer) GetByOffset(offsetFromSt int32) interface{} {
 }

 func (rb *RingBuffer) GetByFrameId(frameId int32) interface{} {
+	if frameId >= rb.EdFrameId || frameId < rb.StFrameId {
+		return nil
+	}
 	return rb.GetByOffset(frameId - rb.StFrameId)
 }
--- a/battle_srv/models/room.go
+++ b/battle_srv/models/room.go
--- a/battle_srv/models/room_heap_manager.go
+++ b/battle_srv/models/room_heap_manager.go
@@ -5,6 +5,7 @@ import (
 	. "dnmshared"
 	"fmt"
 	"go.uber.org/zap"
+	"strings"
 	"sync"
 )

@@ -21,11 +22,13 @@ var (

 func (pPq *RoomHeap) PrintInOrder() {
 	pq := *pPq
-	fmt.Printf("The RoomHeap instance now contains:\n")
+	s := make([]string, 0)
+	s = append(s, fmt.Sprintf("The RoomHeap instance now contains:"))
 	for i := 0; i < len(pq); i++ {
-		fmt.Printf("{index: %d, roomID: %d, score: %.2f} ", i, pq[i].Id, pq[i].Score)
+		s = append(s, fmt.Sprintf("{index: %d, roomID: %d, score: %.2f} ", i, pq[i].Id, pq[i].Score))
 	}
-	fmt.Printf("\n")
+
+	Logger.Debug(strings.Join(s, "\n"))
 }

 func (pq RoomHeap) Len() int { return len(pq) }
--- a/battle_srv/protos/room_downsync_frame.pb.go
+++ b/battle_srv/protos/room_downsync_frame.pb.go
--- a/battle_srv/ws/serve.go
+++ b/battle_srv/ws/serve.go
@@ -16,7 +16,6 @@ import (
 	"time"

 	. "dnmshared"
-	"runtime/debug"
 )

 const (
@@ -47,9 +46,8 @@ func Serve(c *gin.Context) {
 		c.AbortWithStatus(http.StatusBadRequest)
 		return
 	}
-	Logger.Info("Finding PlayerLogin record for ws authentication:", zap.Any("intAuthToken", token))
 	boundRoomId := 0
-	expectRoomId := 0
+	expectedRoomId := 0
 	var err error
 	if boundRoomIdStr, hasBoundRoomId := c.GetQuery("boundRoomId"); hasBoundRoomId {
 		boundRoomId, err = strconv.Atoi(boundRoomIdStr)
@@ -58,27 +56,28 @@ func Serve(c *gin.Context) {
 			c.AbortWithStatus(http.StatusBadRequest)
 			return
 		}
-		Logger.Info("Finding PlayerLogin record for ws authentication:", zap.Any("intAuthToken", token), zap.Any("boundRoomId", boundRoomId))
-	}
-	if expectRoomIdStr, hasExpectRoomId := c.GetQuery("expectedRoomId"); hasExpectRoomId {
-		expectRoomId, err = strconv.Atoi(expectRoomIdStr)
+		Logger.Debug("Finding PlayerLogin record for ws authentication:", zap.Any("intAuthToken", token), zap.Any("boundRoomId", boundRoomId))
+	} else if expectedRoomIdStr, hasExpectRoomId := c.GetQuery("expectedRoomId"); hasExpectRoomId {
+		expectedRoomId, err = strconv.Atoi(expectedRoomIdStr)
 		if err != nil {
 			c.AbortWithStatus(http.StatusBadRequest)
 			return
 		}
-		Logger.Info("Finding PlayerLogin record for ws authentication:", zap.Any("intAuthToken", token), zap.Any("expectedRoomId", expectRoomId))
+		Logger.Debug("Finding PlayerLogin record for ws authentication:", zap.Any("intAuthToken", token), zap.Any("expectedRoomId", expectedRoomId))
+	} else {
+		Logger.Debug("Finding PlayerLogin record for ws authentication:", zap.Any("intAuthToken", token))
 	}

 	// TODO: Wrap the following 2 stmts by sql transaction!
 	playerId, err := models.GetPlayerIdByToken(token)
 	if err != nil || playerId == 0 {
 		// TODO: Abort with specific message.
-		Logger.Info("PlayerLogin record not found for ws authentication:", zap.Any("intAuthToken", token))
+		Logger.Warn("PlayerLogin record not found for ws authentication:", zap.Any("intAuthToken", token))
 		c.AbortWithStatus(http.StatusBadRequest)
 		return
 	}

-	Logger.Info("PlayerLogin record has been found for ws authentication:", zap.Any("playerId", playerId))
+	Logger.Info("PlayerLogin record has been found for ws authentication:", zap.Any("playerId", playerId), zap.Any("intAuthToken", token), zap.Any("boundRoomId", boundRoomId), zap.Any("expectedRoomId", expectedRoomId))

 	conn, err := upgrader.Upgrade(c.Writer, c.Request, nil)
 	if err != nil {
@@ -160,14 +159,14 @@ func Serve(c *gin.Context) {
 		signalToCloseConnOfThisPlayer(Constants.RetCode.PlayerNotFound, "")
 	}

-	Logger.Info("Player has logged in and its profile is found from persistent storage:", zap.Any("playerId", playerId), zap.Any("play", pPlayer))
+	Logger.Debug("Player has logged in and its profile is found from persistent storage:", zap.Any("playerId", playerId), zap.Any("player", pPlayer))

 	// Find a room to join.
-	Logger.Info("About to acquire RoomHeapMux for player:", zap.Any("playerId", playerId))
+	Logger.Debug("About to acquire RoomHeapMux for player:", zap.Any("playerId", playerId))
 	(*(models.RoomHeapMux)).Lock()
 	defer func() {
 		(*(models.RoomHeapMux)).Unlock()
-		Logger.Info("Released RoomHeapMux for player:", zap.Any("playerId", playerId))
+		Logger.Debug("Released RoomHeapMux for player:", zap.Any("playerId", playerId))
 	}()
 	defer func() {
 		if r := recover(); r != nil {
@@ -175,13 +174,12 @@ func Serve(c *gin.Context) {
 			signalToCloseConnOfThisPlayer(Constants.RetCode.UnknownError, "")
 		}
 	}()
-	Logger.Info("Acquired RoomHeapMux for player:", zap.Any("playerId", playerId))
+	Logger.Debug("Acquired RoomHeapMux for player:", zap.Any("playerId", playerId))
 	// Logger.Info("The RoomHeapManagerIns has:", zap.Any("addr", fmt.Sprintf("%p", models.RoomHeapManagerIns)), zap.Any("size", len(*(models.RoomHeapManagerIns))))
 	playerSuccessfullyAddedToRoom := false
 	if 0 < boundRoomId {
 		if tmpPRoom, existent := (*models.RoomMapManagerIns)[int32(boundRoomId)]; existent {
 			pRoom = tmpPRoom
-			Logger.Info("Successfully got:\n", zap.Any("roomId", pRoom.Id), zap.Any("playerId", playerId), zap.Any("forBoundRoomId", boundRoomId))
 			res := pRoom.ReAddPlayerIfPossible(pPlayer, conn, signalToCloseConnOfThisPlayer)
 			if !res {
 				Logger.Warn("Failed to get:\n", zap.Any("roomId", pRoom.Id), zap.Any("playerId", playerId), zap.Any("forBoundRoomId", boundRoomId))
@@ -189,19 +187,16 @@ func Serve(c *gin.Context) {
 				playerSuccessfullyAddedToRoom = true
 			}
 		}
-	}
-
-	if 0 < expectRoomId {
-		if tmpRoom, existent := (*models.RoomMapManagerIns)[int32(expectRoomId)]; existent {
+	} else if 0 < expectedRoomId {
+		if tmpRoom, existent := (*models.RoomMapManagerIns)[int32(expectedRoomId)]; existent {
 			pRoom = tmpRoom
-			Logger.Info("Successfully got:\n", zap.Any("roomId", pRoom.Id), zap.Any("playerId", playerId), zap.Any("forExpectedRoomId", expectRoomId))

 			if pRoom.ReAddPlayerIfPossible(pPlayer, conn, signalToCloseConnOfThisPlayer) {
 				playerSuccessfullyAddedToRoom = true
 			} else if pRoom.AddPlayerIfPossible(pPlayer, conn, signalToCloseConnOfThisPlayer) {
 				playerSuccessfullyAddedToRoom = true
 			} else {
-				Logger.Warn("Failed to get:\n", zap.Any("roomId", pRoom.Id), zap.Any("playerId", playerId), zap.Any("forExpectedRoomId", expectRoomId))
+				Logger.Warn("Failed to get:\n", zap.Any("roomId", pRoom.Id), zap.Any("playerId", playerId), zap.Any("forExpectedRoomId", expectedRoomId))
 				playerSuccessfullyAddedToRoom = false
 			}

@@ -221,7 +216,7 @@ func Serve(c *gin.Context) {
 			signalToCloseConnOfThisPlayer(Constants.RetCode.LocallyNoAvailableRoom, fmt.Sprintf("Cannot pop a (*Room) for playerId == %v!", playerId))
 		} else {
 			pRoom = tmpRoom
-			Logger.Info("Successfully popped:\n", zap.Any("roomId", pRoom.Id), zap.Any("playerId", playerId))
+			Logger.Info("Successfully popped:\n", zap.Any("roomId", pRoom.Id), zap.Any("forPlayerId", playerId))
 			res := pRoom.AddPlayerIfPossible(pPlayer, conn, signalToCloseConnOfThisPlayer)
 			if !res {
 				signalToCloseConnOfThisPlayer(Constants.RetCode.PlayerNotAddableToRoom, fmt.Sprintf("AddPlayerIfPossible returns false for roomId == %v, playerId == %v!", pRoom.Id, playerId))
@@ -270,9 +265,14 @@ func Serve(c *gin.Context) {
 			WorldToVirtualGridRatio: pRoom.WorldToVirtualGridRatio,
 			VirtualGridToWorldRatio: pRoom.VirtualGridToWorldRatio,

-			SpAtkLookupFrames: pRoom.SpAtkLookupFrames,
-			RenderCacheSize:   pRoom.RenderCacheSize,
-			MeleeSkillConfig:  pRoom.MeleeSkillConfig,
+			SpAtkLookupFrames:         pRoom.SpAtkLookupFrames,
+			RenderCacheSize:           pRoom.RenderCacheSize,
+			MeleeSkillConfig:          pRoom.MeleeSkillConfig,
+			SnapIntoPlatformOverlap:   pRoom.SnapIntoPlatformOverlap,
+			SnapIntoPlatformThreshold: pRoom.SnapIntoPlatformThreshold,
+			JumpingInitVelY:           pRoom.JumpingInitVelY,
+			GravityX:                  pRoom.GravityX,
+			GravityY:                  pRoom.GravityY,
 		}

 		resp := &pb.WsResp{
@@ -361,7 +361,7 @@ func Serve(c *gin.Context) {
 	receivingLoopAgainstPlayer := func() error {
 		defer func() {
 			if r := recover(); r != nil {
-				Logger.Error("Goroutine `receivingLoopAgainstPlayer`, recovery spot#1, recovered from: ", zap.Any("panic", r), zap.Any("callstack", debug.Stack()))
+				Logger.Error("Goroutine `receivingLoopAgainstPlayer`, recovery spot#1, recovered from: ", zap.Any("panic", r))
 			}
 			Logger.Info("Goroutine `receivingLoopAgainstPlayer` is stopped for:", zap.Any("playerId", playerId), zap.Any("roomId", pRoom.Id))
 		}()
@@ -370,7 +370,7 @@ func Serve(c *gin.Context) {
 				return nil
 			}

-			// Tries to receive from client-side in a non-blocking manner.
+			// TODO: Is there any potential edge-trigger improvement like the epoll approach mentioned above for the following statement? See discussion in https://github.com/gorilla/websocket/issues/122
 			_, bytes, err := conn.ReadMessage()
 			if nil != err {
 				Logger.Error("About to `signalToCloseConnOfThisPlayer`", zap.Any("roomId", pRoom.Id), zap.Any("playerId", playerId), zap.Error(err))
--- a/charts/jump_sync_spedup.gif
+++ b/charts/jump_sync_spedup.gif
--- a/charts/melee_attack_2.gif
+++ b/charts/melee_attack_2.gif
--- a/collider_visualizer/Makefile
+++ b/collider_visualizer/Makefile
@@ -5,7 +5,7 @@ all: help
 GOPROXY=https://mirrors.aliyun.com/goproxy 

 build:
-	go build -o $(ROOT_DIR)/$(PROJECTNAME)
+	GOPROXY=$(GOPROXY) go build -o $(ROOT_DIR)/$(PROJECTNAME)

 run: build
 	./$(PROJECTNAME)
--- a/collider_visualizer/worldColliderDisplay.go
+++ b/collider_visualizer/worldColliderDisplay.go
@@ -34,15 +34,19 @@ func NewWorldColliderDisplay(game *Game, stageDiscreteW, stageDiscreteH, stageTi
 	spaceOffsetX := float64(spaceW) * 0.5
 	spaceOffsetY := float64(spaceH) * 0.5

-	virtualGridToWorldRatio := 0.1
-	playerDefaultSpeed := 20
-	minStep := (int(float64(playerDefaultSpeed)*virtualGridToWorldRatio) << 2)
-	playerColliderRadius := float64(24)
+	worldToVirtualGridRatio := float64(1000)
+	virtualGridToWorldRatio := float64(1) / worldToVirtualGridRatio
+	playerDefaultSpeed := 1 * worldToVirtualGridRatio
+	minStep := (int(float64(playerDefaultSpeed)*virtualGridToWorldRatio) << 3)
+	playerColliderRadius := float64(12)
 	playerColliders := make([]*resolv.Object, len(playerPosList.Eles))
+	snapIntoPlatformOverlap := float64(0.1)
 	space := resolv.NewSpace(int(spaceW), int(spaceH), minStep, minStep)
+	topPadding, bottomPadding, leftPadding, rightPadding := snapIntoPlatformOverlap, snapIntoPlatformOverlap, snapIntoPlatformOverlap, snapIntoPlatformOverlap
 	for i, playerPos := range playerPosList.Eles {
-		playerCollider := GenerateRectCollider(playerPos.X, playerPos.Y, playerColliderRadius*2, playerColliderRadius*2, spaceOffsetX, spaceOffsetY, "Player") // [WARNING] Deliberately not using a circle because "resolv v0.5.1" doesn't yet align circle center with space cell center, regardless of the "specified within-object offset"
-		Logger.Info(fmt.Sprintf("Player Collider#%d: player world pos =(%.2f, %.2f), shape=%v", i, playerPos.X, playerPos.Y, ConvexPolygonStr(playerCollider.Shape.(*resolv.ConvexPolygon))))
+		colliderWidth, colliderHeight := playerColliderRadius*2, playerColliderRadius*4
+		playerCollider := GenerateRectCollider(playerPos.X, playerPos.Y, colliderWidth, colliderHeight, topPadding, bottomPadding, leftPadding, rightPadding, spaceOffsetX, spaceOffsetY, "Player") // [WARNING] Deliberately not using a circle because "resolv v0.5.1" doesn't yet align circle center with space cell center, regardless of the "specified within-object offset"
+		Logger.Info(fmt.Sprintf("Player Collider#%d: player world pos=(%.2f, %.2f), shape=%v", i, playerPos.X, playerPos.Y, ConvexPolygonStr(playerCollider.Shape.(*resolv.ConvexPolygon))))
 		playerColliders[i] = playerCollider
 		space.Add(playerCollider)
 	}
@@ -50,33 +54,35 @@ func NewWorldColliderDisplay(game *Game, stageDiscreteW, stageDiscreteH, stageTi
 	barrierLocalId := 0
 	for _, barrierUnaligned := range barrierList.Eles {
 		barrierCollider := GenerateConvexPolygonCollider(barrierUnaligned, spaceOffsetX, spaceOffsetY, "Barrier")
-		Logger.Info(fmt.Sprintf("Added barrier: shape=%v", ConvexPolygonStr(barrierCollider.Shape.(*resolv.ConvexPolygon))))
+		Logger.Debug(fmt.Sprintf("Added barrier: shape=%v", ConvexPolygonStr(barrierCollider.Shape.(*resolv.ConvexPolygon))))
 		space.Add(barrierCollider)
 		barrierLocalId++
 	}

 	world.Space = space

-	moveToCollide := false
+	moveToCollide := true
 	if moveToCollide {
-		newVx, newVy := int32(-2959), int32(-2261)
 		effPushback := Vec2D{X: float64(0), Y: float64(0)}
 		toTestPlayerCollider := playerColliders[0]
-		toTestPlayerCollider.X, toTestPlayerCollider.Y = VirtualGridToPolygonColliderAnchorPos(newVx, newVy, playerColliderRadius, playerColliderRadius, spaceOffsetX, spaceOffsetY, virtualGridToWorldRatio)
+		//colliderWidth, colliderHeight := playerColliderRadius*2, playerColliderRadius*4
+		//newVx, newVy := int32(27999), int32(-420270)
+		//toTestPlayerCollider.X, toTestPlayerCollider.Y = VirtualGridToPolygonColliderBLPos(newVx, newVy, colliderWidth, colliderHeight, topPadding, bottomPadding, leftPadding, rightPadding, spaceOffsetX, spaceOffsetY, virtualGridToWorldRatio)

-		Logger.Info(fmt.Sprintf("Checking collision for virtual (%d, %d), now playerShape=%v", newVx, newVy, ConvexPolygonStr(toTestPlayerCollider.Shape.(*resolv.ConvexPolygon))))
+		Logger.Info(fmt.Sprintf("Checking collision for playerShape=%v", ConvexPolygonStr(toTestPlayerCollider.Shape.(*resolv.ConvexPolygon))))

 		toTestPlayerCollider.Update()
 		if collision := toTestPlayerCollider.Check(0, 0); collision != nil {
 			playerShape := toTestPlayerCollider.Shape.(*resolv.ConvexPolygon)
 			for _, obj := range collision.Objects {
-				barrierShape := obj.Shape.(*resolv.ConvexPolygon)
-				if overlapped, pushbackX, pushbackY, overlapResult := CalcPushbacks(0, 0, playerShape, barrierShape); overlapped {
-					Logger.Warn(fmt.Sprintf("Overlapped: a=%v, b=%v, pushbackX=%v, pushbackY=%v", ConvexPolygonStr(playerShape), ConvexPolygonStr(barrierShape), pushbackX, pushbackY))
+				bShape := obj.Shape.(*resolv.ConvexPolygon)
+				Logger.Warn(fmt.Sprintf("Checking potential: a=%v, b=%v", ConvexPolygonStr(playerShape), ConvexPolygonStr(bShape)))
+				if overlapped, pushbackX, pushbackY, overlapResult := CalcPushbacks(0, 0, playerShape, bShape); overlapped {
+					Logger.Warn(fmt.Sprintf("Overlapped: a=%v, b=%v, pushbackX=%v, pushbackY=%v", ConvexPolygonStr(playerShape), ConvexPolygonStr(bShape), pushbackX, pushbackY))
 					effPushback.X += pushbackX
 					effPushback.Y += pushbackY
 				} else {
-					Logger.Warn(fmt.Sprintf("Collided BUT not overlapped: a=%v, b=%v, overlapResult=%v", ConvexPolygonStr(playerShape), ConvexPolygonStr(barrierShape), overlapResult))
+					Logger.Warn(fmt.Sprintf("Collided BUT not overlapped: a=%v, b=%v, overlapResult=%v", ConvexPolygonStr(playerShape), ConvexPolygonStr(bShape), overlapResult))
 				}
 			}
 			toTestPlayerCollider.X -= effPushback.X
@@ -109,13 +115,12 @@ func NewWorldColliderDisplay(game *Game, stageDiscreteW, stageDiscreteH, stageTi
 		ReleaseTriggerType: int32(1), // 1: rising-edge, 2: falling-edge
 		Damage:             int32(5),
 	}
-	bulletLeftToRight := true
+	bulletLeftToRight := false
 	if bulletLeftToRight {
 		xfac := float64(1.0)
 		offenderWx, offenderWy := playerPosList.Eles[0].X, playerPosList.Eles[0].Y
 		bulletWx, bulletWy := offenderWx+xfac*meleeBullet.HitboxOffset, offenderWy
-
-		newBulletCollider := GenerateRectCollider(bulletWx, bulletWy, meleeBullet.HitboxSize.X, meleeBullet.HitboxSize.Y, spaceOffsetX, spaceOffsetY, "MeleeBullet")
+		newBulletCollider := GenerateRectCollider(bulletWx, bulletWy, meleeBullet.HitboxSize.X, meleeBullet.HitboxSize.Y, topPadding, bottomPadding, leftPadding, rightPadding, spaceOffsetX, spaceOffsetY, "MeleeBullet")
 		space.Add(newBulletCollider)
 		bulletShape := newBulletCollider.Shape.(*resolv.ConvexPolygon)
 		Logger.Warn(fmt.Sprintf("bullet ->: Added bullet collider to space: a=%v", ConvexPolygonStr(bulletShape)))
@@ -132,13 +137,13 @@ func NewWorldColliderDisplay(game *Game, stageDiscreteW, stageDiscreteH, stageTi
 		}
 	}

-	bulletRightToLeft := true
+	bulletRightToLeft := false
 	if bulletRightToLeft {
 		xfac := float64(-1.0)
 		offenderWx, offenderWy := playerPosList.Eles[1].X, playerPosList.Eles[1].Y
 		bulletWx, bulletWy := offenderWx+xfac*meleeBullet.HitboxOffset, offenderWy

-		newBulletCollider := GenerateRectCollider(bulletWx, bulletWy, meleeBullet.HitboxSize.X, meleeBullet.HitboxSize.Y, spaceOffsetX, spaceOffsetY, "MeleeBullet")
+		newBulletCollider := GenerateRectCollider(bulletWx, bulletWy, meleeBullet.HitboxSize.X, meleeBullet.HitboxSize.Y, topPadding, bottomPadding, leftPadding, rightPadding, spaceOffsetX, spaceOffsetY, "MeleeBullet")
 		space.Add(newBulletCollider)
 		bulletShape := newBulletCollider.Shape.(*resolv.ConvexPolygon)
 		Logger.Warn(fmt.Sprintf("bullet <-: Added bullet collider to space: a=%v", ConvexPolygonStr(bulletShape)))
@@ -177,7 +182,7 @@ func (world *WorldColliderDisplay) Draw(screen *ebiten.Image) {
 		}
 	}

-	world.Game.DebugDraw(screen, world.Space)
+	//world.Game.DebugDraw(screen, world.Space)

 	if world.Game.ShowHelpText {

--- a/dnmshared/geometry.go
+++ b/dnmshared/geometry.go
@@ -10,33 +10,33 @@ func NormVec2D(dx, dy float64) Vec2D {
 }

 func AlignPolygon2DToBoundingBox(input *Polygon2D) *Polygon2D {
-	// Transform again to put "anchor" at the top-left point of the bounding box for "resolv"
-	boundingBoxTL := &Vec2D{
+	// Transform again to put "anchor" at the "bottom-left point (w.r.t. world space)" of the bounding box for "resolv"
+	boundingBoxBL := &Vec2D{
 		X: math.MaxFloat64,
 		Y: math.MaxFloat64,
 	}
 	for _, p := range input.Points {
-		if p.X < boundingBoxTL.X {
-			boundingBoxTL.X = p.X
+		if p.X < boundingBoxBL.X {
+			boundingBoxBL.X = p.X
 		}
-		if p.Y < boundingBoxTL.Y {
-			boundingBoxTL.Y = p.Y
+		if p.Y < boundingBoxBL.Y {
+			boundingBoxBL.Y = p.Y
 		}
 	}

-	// Now "input.Anchor" should move to "input.Anchor+boundingBoxTL", thus "boundingBoxTL" is also the value of the negative diff for all "input.Points"
+	// Now "input.Anchor" should move to "input.Anchor+boundingBoxBL", thus "boundingBoxBL" is also the value of the negative diff for all "input.Points"
 	output := &Polygon2D{
 		Anchor: &Vec2D{
-			X: input.Anchor.X + boundingBoxTL.X,
-			Y: input.Anchor.Y + boundingBoxTL.Y,
+			X: input.Anchor.X + boundingBoxBL.X,
+			Y: input.Anchor.Y + boundingBoxBL.Y,
 		},
 		Points: make([]*Vec2D, len(input.Points)),
 	}

 	for i, p := range input.Points {
 		output.Points[i] = &Vec2D{
-			X: p.X - boundingBoxTL.X,
-			Y: p.Y - boundingBoxTL.Y,
+			X: p.X - boundingBoxBL.X,
+			Y: p.Y - boundingBoxBL.Y,
 		}
 	}

--- a/dnmshared/resolv_helper.go
+++ b/dnmshared/resolv_helper.go
@@ -18,13 +18,17 @@ func ConvexPolygonStr(body *resolv.ConvexPolygon) string {
 	return fmt.Sprintf("{\n%s\n}", strings.Join(s, ",\n"))
 }

-func GenerateRectCollider(origX, origY, w, h, spaceOffsetX, spaceOffsetY float64, tag string) *resolv.Object {
-	cx, cy := WorldToPolygonColliderAnchorPos(origX, origY, w*0.5, h*0.5, spaceOffsetX, spaceOffsetY)
-    return GenerateRectColliderInCollisionSpace(cx, cy, w, h, tag) 
+func RectCenterStr(body *resolv.Object, halfBoundingW, halfBoundingH, topPadding, bottomPadding, leftPadding, rightPadding, spaceOffsetX, spaceOffsetY float64) string {
+	return fmt.Sprintf("{%.2f, %.2f}", body.X + leftPadding + halfBoundingW - spaceOffsetX, body.Y + bottomPadding + halfBoundingH - spaceOffsetY)
 }

-func GenerateRectColliderInCollisionSpace(cx, cy, w, h float64, tag string) *resolv.Object {
-	collider := resolv.NewObject(cx, cy, w, h, tag)
+func GenerateRectCollider(wx, wy, w, h, topPadding, bottomPadding, leftPadding, rightPadding, spaceOffsetX, spaceOffsetY float64, tag string) *resolv.Object {
+	blX, blY := WorldToPolygonColliderBLPos(wx, wy, w*0.5, h*0.5, topPadding, bottomPadding, leftPadding, rightPadding, spaceOffsetX, spaceOffsetY)
+	return generateRectColliderInCollisionSpace(blX, blY, leftPadding+w+rightPadding, bottomPadding+h+topPadding, tag)
+}
+
+func generateRectColliderInCollisionSpace(blX, blY, w, h float64, tag string) *resolv.Object {
+	collider := resolv.NewObject(blX, blY, w, h, tag) // Unlike its frontend counter part, the position of a "resolv.Object" must be specified by "bottom-left point" because "w" and "h" must be positive, see "resolv.Object.BoundsToSpace" for details
 	shape := resolv.NewRectangle(0, 0, w, h)
 	collider.SetShape(shape)
 	return collider
@@ -66,6 +70,7 @@ func CalcPushbacks(oldDx, oldDy float64, playerShape, barrierShape *resolv.Conve
 		playerShape.SetPosition(origX, origY)
 	}()
 	playerShape.SetPosition(origX+oldDx, origY+oldDy)
+
 	overlapResult := &SatResult{
 		Overlap:       0,
 		OverlapX:      0,
@@ -74,7 +79,7 @@ func CalcPushbacks(oldDx, oldDy float64, playerShape, barrierShape *resolv.Conve
 		BContainedInA: true,
 		Axis:          vector.Vector{0, 0},
 	}
-	if overlapped := IsPolygonPairOverlapped(playerShape, barrierShape, overlapResult); overlapped {
+	if overlapped := isPolygonPairOverlapped(playerShape, barrierShape, overlapResult); overlapped {
 		pushbackX, pushbackY := overlapResult.Overlap*overlapResult.OverlapX, overlapResult.Overlap*overlapResult.OverlapY
 		return true, pushbackX, pushbackY, overlapResult
 	} else {
@@ -91,16 +96,17 @@ type SatResult struct {
 	Axis          vector.Vector
 }

-func IsPolygonPairOverlapped(a, b *resolv.ConvexPolygon, result *SatResult) bool {
+func isPolygonPairOverlapped(a, b *resolv.ConvexPolygon, result *SatResult) bool {
 	aCnt, bCnt := len(a.Points), len(b.Points)
 	// Single point case
 	if 1 == aCnt && 1 == bCnt {
 		if nil != result {
 			result.Overlap = 0
 		}
-		return a.Points[0].X() == b.Points[0].X() && a.Points[0].Y() == b.Points[0].Y()
+		return a.Points[0][0] == b.Points[0][0] && a.Points[0][1] == b.Points[0][1]
 	}

+	//Logger.Info(fmt.Sprintf("Checking collision between a=%v, b=%v", ConvexPolygonStr(a), ConvexPolygonStr(b)))
 	if 1 < aCnt {
 		for _, axis := range a.SATAxes() {
 			if isPolygonPairSeparatedByDir(a, b, axis.Unit(), result) {
@@ -116,6 +122,7 @@ func IsPolygonPairOverlapped(a, b *resolv.ConvexPolygon, result *SatResult) bool
 			}
 		}
 	}
+	//Logger.Info(fmt.Sprintf("a=%v and b=%v are overlapped", ConvexPolygonStr(a), ConvexPolygonStr(b)))

 	return true
 }
@@ -137,9 +144,10 @@ func isPolygonPairSeparatedByDir(a, b *resolv.ConvexPolygon, e vector.Vector, re
 		e = (-2.98, 1.49).Unit()
 	*/

+	//Logger.Info(fmt.Sprintf("Checking separation between a=%v, b=%v along axis e={%.3f, %.3f}#1", ConvexPolygonStr(a), ConvexPolygonStr(b), e[0], e[1]))
 	var aStart, aEnd, bStart, bEnd float64 = math.MaxFloat64, -math.MaxFloat64, math.MaxFloat64, -math.MaxFloat64
 	for _, p := range a.Points {
-		dot := (p.X()+a.X)*e.X() + (p.Y()+a.Y)*e.Y()
+		dot := (p[0]+a.X)*e[0] + (p[1]+a.Y)*e[1]

 		if aStart > dot {
 			aStart = dot
@@ -151,7 +159,7 @@ func isPolygonPairSeparatedByDir(a, b *resolv.ConvexPolygon, e vector.Vector, re
 	}

 	for _, p := range b.Points {
-		dot := (p.X()+b.X)*e.X() + (p.Y()+b.Y)*e.Y()
+		dot := (p[0]+b.X)*e[0] + (p[1]+b.Y)*e[1]

 		if bStart > dot {
 			bStart = dot
@@ -168,7 +176,6 @@ func isPolygonPairSeparatedByDir(a, b *resolv.ConvexPolygon, e vector.Vector, re
 	}

 	if nil != result {
-		result.Axis = e
 		overlap := float64(0)

 		if aStart < bStart {
@@ -209,16 +216,19 @@ func isPolygonPairSeparatedByDir(a, b *resolv.ConvexPolygon, e vector.Vector, re
 			absoluteOverlap = -overlap
 		}

-		if 0 == currentOverlap || currentOverlap > absoluteOverlap {
+		if (0 == result.Axis[0] && 0 == result.Axis[1]) || currentOverlap > absoluteOverlap {
 			var sign float64 = 1
 			if overlap < 0 {
 				sign = -1
 			}

 			result.Overlap = absoluteOverlap
-			result.OverlapX = e.X() * sign
-			result.OverlapY = e.Y() * sign
+			result.OverlapX = e[0] * sign
+			result.OverlapY = e[1] * sign
 		}
+
+		result.Axis = e
+		//Logger.Info(fmt.Sprintf("Checking separation between a=%v, b=%v along axis e={%.3f, %.3f}#2: aStart=%.3f, aEnd=%.3f, bStart=%.3f, bEnd=%.3f, overlap=%.3f, currentOverlap=%.3f, absoluteOverlap=%.3f, result=%v", ConvexPolygonStr(a), ConvexPolygonStr(b), e[0], e[1], aStart, aEnd, bStart, bEnd, overlap, currentOverlap, absoluteOverlap, result))
 	}

 	// the specified unit vector "e" doesn't separate "a" and "b", overlap result is generated
@@ -240,20 +250,20 @@ func VirtualGridToWorldPos(vx, vy int32, virtualGridToWorldRatio float64) (float
 	return wx, wy
 }

-func WorldToPolygonColliderAnchorPos(wx, wy, halfBoundingW, halfBoundingH, collisionSpaceOffsetX, collisionSpaceOffsetY float64) (float64, float64) {
-	return wx - halfBoundingW + collisionSpaceOffsetX, wy - halfBoundingH + collisionSpaceOffsetY
+func WorldToPolygonColliderBLPos(wx, wy, halfBoundingW, halfBoundingH, topPadding, bottomPadding, leftPadding, rightPadding, collisionSpaceOffsetX, collisionSpaceOffsetY float64) (float64, float64) {
+	return wx - halfBoundingW - leftPadding + collisionSpaceOffsetX, wy - halfBoundingH - bottomPadding + collisionSpaceOffsetY
 }

-func PolygonColliderAnchorToWorldPos(cx, cy, halfBoundingW, halfBoundingH, collisionSpaceOffsetX, collisionSpaceOffsetY float64) (float64, float64) {
-	return cx + halfBoundingW - collisionSpaceOffsetX, cy + halfBoundingH - collisionSpaceOffsetY
+func PolygonColliderBLToWorldPos(cx, cy, halfBoundingW, halfBoundingH, topPadding, bottomPadding, leftPadding, rightPadding, collisionSpaceOffsetX, collisionSpaceOffsetY float64) (float64, float64) {
+	return cx + halfBoundingW + leftPadding - collisionSpaceOffsetX, cy + halfBoundingH + bottomPadding - collisionSpaceOffsetY
 }

-func PolygonColliderAnchorToVirtualGridPos(cx, cy, halfBoundingW, halfBoundingH, collisionSpaceOffsetX, collisionSpaceOffsetY float64, worldToVirtualGridRatio float64) (int32, int32) {
-	wx, wy := PolygonColliderAnchorToWorldPos(cx, cy, halfBoundingW, halfBoundingH, collisionSpaceOffsetX, collisionSpaceOffsetY)
+func PolygonColliderBLToVirtualGridPos(cx, cy, halfBoundingW, halfBoundingH, topPadding, bottomPadding, leftPadding, rightPadding, collisionSpaceOffsetX, collisionSpaceOffsetY float64, worldToVirtualGridRatio float64) (int32, int32) {
+	wx, wy := PolygonColliderBLToWorldPos(cx, cy, halfBoundingW, halfBoundingH, topPadding, bottomPadding, leftPadding, rightPadding, collisionSpaceOffsetX, collisionSpaceOffsetY)
 	return WorldToVirtualGridPos(wx, wy, worldToVirtualGridRatio)
 }

-func VirtualGridToPolygonColliderAnchorPos(vx, vy int32, halfBoundingW, halfBoundingH, collisionSpaceOffsetX, collisionSpaceOffsetY float64, virtualGridToWorldRatio float64) (float64, float64) {
+func VirtualGridToPolygonColliderBLPos(vx, vy int32, halfBoundingW, halfBoundingH, topPadding, bottomPadding, leftPadding, rightPadding, collisionSpaceOffsetX, collisionSpaceOffsetY float64, virtualGridToWorldRatio float64) (float64, float64) {
 	wx, wy := VirtualGridToWorldPos(vx, vy, virtualGridToWorldRatio)
-	return WorldToPolygonColliderAnchorPos(wx, wy, halfBoundingW, halfBoundingH, collisionSpaceOffsetX, collisionSpaceOffsetY)
+	return WorldToPolygonColliderBLPos(wx, wy, halfBoundingW, halfBoundingH, topPadding, bottomPadding, leftPadding, rightPadding, collisionSpaceOffsetX, collisionSpaceOffsetY)
 }
--- a/dnmshared/tmx_parser.go
+++ b/dnmshared/tmx_parser.go
@@ -7,6 +7,7 @@ import (
 	"encoding/base64"
 	"encoding/xml"
 	"errors"
+	"fmt"
 	"go.uber.org/zap"
 	"io/ioutil"
 	"math"
@@ -43,13 +44,13 @@ type TmxOrTsxPolyline struct {

 type TmxOrTsxObject struct {
 	Id         int                 `xml:"id,attr"`
-	Gid        *int                `xml:"gid,attr"`
+	Gid        int                 `xml:"gid,attr"`
 	X          float64             `xml:"x,attr"`
 	Y          float64             `xml:"y,attr"`
 	Properties *TmxOrTsxProperties `xml:"properties"`
 	Polyline   *TmxOrTsxPolyline   `xml:"polyline"`
-	Width      *float64            `xml:"width,attr"`
-	Height     *float64            `xml:"height,attr"`
+	Width      float64             `xml:"width,attr"`
+	Height     float64             `xml:"height,attr"`
 }

 type TmxOrTsxObjectGroup struct {
@@ -376,13 +377,37 @@ func ParseTmxLayersAndGroups(pTmxMapIns *TmxMap, gidBoundariesMap map[int]StrToP
 			}

 			for _, singleObjInTmxFile := range objGroup.Objects {
-				if nil == singleObjInTmxFile.Polyline {
-					continue
-				}
 				if nil == singleObjInTmxFile.Properties.Property || "boundary_type" != singleObjInTmxFile.Properties.Property[0].Name || "barrier" != singleObjInTmxFile.Properties.Property[0].Value {
 					continue
 				}

+				if nil == singleObjInTmxFile.Polyline {
+					pts := make([]*Vec2D, 4)
+					s := make([]string, 0)
+					pts[0] = &Vec2D{
+						X: float64(0),
+						Y: float64(0),
+					}
+					pts[1] = &Vec2D{
+						X: float64(0),
+						Y: singleObjInTmxFile.Height,
+					}
+					pts[2] = &Vec2D{
+						X: singleObjInTmxFile.Width,
+						Y: singleObjInTmxFile.Height,
+					}
+					pts[3] = &Vec2D{
+						X: singleObjInTmxFile.Width,
+						Y: float64(0),
+					}
+					for _, pt := range pts {
+						s = append(s, fmt.Sprintf("%v,%v", pt.X, pt.Y))
+					}
+					singleObjInTmxFile.Polyline = &TmxOrTsxPolyline{
+						Points: strings.Join(s, " "),
+					}
+				}
+
 				thePolygon2DInWorld, err := tmxPolylineToPolygon2D(pTmxMapIns, singleObjInTmxFile, singleObjInTmxFile.Polyline)
 				if nil != err {
 					panic(err)
--- a/dragonBonesAnimProjects/SoldierFireGhost.dbproj
+++ b/dragonBonesAnimProjects/SoldierFireGhost.dbproj
--- a/dragonBonesAnimProjects/SoldierWaterGhost.dbproj
+++ b/dragonBonesAnimProjects/SoldierWaterGhost.dbproj
--- a/dragonBonesAnimProjects/library/SoldierWaterGhost.json
+++ b/dragonBonesAnimProjects/library/SoldierWaterGhost.json
@@ -1 +0,0 @@
-{"SubTexture":[{"width":23,"y":44,"height":22,"name":"biu","x":53},{"width":9,"y":68,"height":14,"name":"rightArm","x":76},{"y":35,"frameX":-1,"frameY":0,"width":27,"frameWidth":29,"height":32,"name":"yinmoqe00","frameHeight":32,"x":89},{"width":34,"y":1,"height":41,"name":"body","x":53},{"width":9,"y":44,"height":13,"name":"rightShoulder","x":78},{"y":50,"frameX":0,"frameY":0,"width":19,"frameWidth":19,"height":18,"name":"rightFrontArm","frameHeight":18,"x":23},{"width":14,"y":70,"height":14,"name":"rightHand","x":23},{"y":68,"frameX":0,"frameY":0,"width":12,"frameWidth":12,"height":12,"name":"leftArm","frameHeight":12,"x":62},{"width":13,"y":73,"height":12,"name":"leftShoulder","x":1},{"width":20,"y":50,"height":21,"name":"leftFrontArm","x":1},{"width":33,"y":1,"height":32,"name":"head","x":89},{"width":50,"y":1,"height":47,"name":"head2","x":1},{"width":16,"y":68,"height":14,"name":"leftHand","x":44},{"y":59,"frameX":-1,"frameY":-2,"width":4,"frameWidth":8,"height":4,"name":"huomiao01","frameHeight":8,"x":78}],"width":128,"height":128,"name":"SoldierWaterGhost","imagePath":"SoldierWaterGhost_tex.png"}
--- a/dragonBonesAnimProjects/library/SoldierWaterGhost.png
+++ b/dragonBonesAnimProjects/library/SoldierWaterGhost.png
--- a/dragonBonesAnimProjects/SoldierElf.dbproj
+++ b/dragonBonesAnimProjects/SoldierElf.dbproj
--- a/dragonBonesProjects/SoldierFireGhost.dbproj
+++ b/dragonBonesProjects/SoldierFireGhost.dbproj
--- a/dragonBonesProjects/SoldierWaterGhost.dbproj
+++ b/dragonBonesProjects/SoldierWaterGhost.dbproj
--- a/dragonBonesAnimProjects/library/SoldierElf.json
+++ b/dragonBonesAnimProjects/library/SoldierElf.json
--- a/dragonBonesAnimProjects/library/SoldierElf.png
+++ b/dragonBonesAnimProjects/library/SoldierElf.png
--- a/dragonBonesAnimProjects/library/SoldierFireGhost.json
+++ b/dragonBonesAnimProjects/library/SoldierFireGhost.json
--- a/dragonBonesAnimProjects/library/SoldierFireGhost.png
+++ b/dragonBonesAnimProjects/library/SoldierFireGhost.png
--- a/dragonBonesProjects/library/SoldierWaterGhost.json
+++ b/dragonBonesProjects/library/SoldierWaterGhost.json
@@ -0,0 +1 @@
+{"width":128,"SubTexture":[{"frameWidth":23,"y":50,"frameX":-2,"frameHeight":22,"frameY":-2,"width":19,"height":19,"name":"biu","x":1},{"width":9,"y":50,"height":14,"name":"rightArm","x":42},{"frameWidth":29,"y":34,"frameX":-6,"frameHeight":32,"frameY":0,"width":20,"height":32,"name":"yinmoqe00","x":88},{"frameWidth":34,"y":1,"frameX":0,"frameHeight":41,"frameY":0,"width":33,"height":39,"name":"body","x":53},{"width":9,"y":56,"height":13,"name":"rightShoulder","x":74},{"frameWidth":19,"y":50,"frameX":0,"frameHeight":18,"frameY":0,"width":18,"height":17,"name":"rightFrontArm","x":22},{"width":14,"y":50,"height":14,"name":"rightHand","x":110},{"width":12,"y":42,"height":12,"name":"leftArm","x":74},{"width":13,"y":66,"height":12,"name":"leftShoulder","x":110},{"frameWidth":20,"y":42,"frameX":-1,"frameHeight":21,"frameY":0,"width":19,"height":21,"name":"leftFrontArm","x":53},{"width":50,"y":1,"height":47,"name":"head2","x":1},{"frameWidth":33,"y":1,"frameX":-1,"frameHeight":32,"frameY":0,"width":32,"height":31,"name":"head","x":88},{"width":16,"y":34,"height":14,"name":"leftHand","x":110},{"frameWidth":8,"y":1,"frameX":-2,"frameHeight":8,"frameY":-3,"width":2,"height":2,"name":"huomiao01","x":122}],"height":128,"name":"SoldierWaterGhost","imagePath":"SoldierWaterGhost_tex.png"}
--- a/dragonBonesProjects/library/SoldierWaterGhost.png
+++ b/dragonBonesProjects/library/SoldierWaterGhost.png
--- a/frontend/assets/resources/animation/BluePacman/Bottom.anim
+++ b/frontend/assets/resources/animation/BluePacman/Bottom.anim
@@ -1,31 +0,0 @@
-{
-  "__type__": "cc.AnimationClip",
-  "_name": "Bottom",
-  "_objFlags": 0,
-  "_native": "",
-  "_duration": 0.25,
-  "sample": 12,
-  "speed": 1,
-  "wrapMode": "2",
-  "curveData": {
-    "comps": {
-      "cc.Sprite": {
-        "spriteFrame": [
-          {
-            "frame": 0,
-            "value": {
-              "__uuid__": "783f1240-d608-40be-8108-3013ab53cfe6"
-            }
-          },
-          {
-            "frame": 0.16666666666666666,
-            "value": {
-              "__uuid__": "393e649b-addb-4f91-b687-438433026c8d"
-            }
-          }
-        ]
-      }
-    }
-  },
-  "events": []
-}
--- a/frontend/assets/resources/animation/BluePacman/Bottom.anim.meta
+++ b/frontend/assets/resources/animation/BluePacman/Bottom.anim.meta
@@ -1,5 +0,0 @@
-{
-  "ver": "2.1.0",
-  "uuid": "115ea7bb-d47f-4d3c-a52a-f46584346c3f",
-  "subMetas": {}
-}
--- a/frontend/assets/resources/animation/BluePacman/BottomLeft.anim
+++ b/frontend/assets/resources/animation/BluePacman/BottomLeft.anim
@@ -1,31 +0,0 @@
-{
-  "__type__": "cc.AnimationClip",
-  "_name": "BottomLeft",
-  "_objFlags": 0,
-  "_native": "",
-  "_duration": 0.25,
-  "sample": 12,
-  "speed": 1,
-  "wrapMode": "2",
-  "curveData": {
-    "comps": {
-      "cc.Sprite": {
-        "spriteFrame": [
-          {
-            "frame": 0,
-            "value": {
-              "__uuid__": "748c55f0-e761-40f6-b13b-e416b3d8a55c"
-            }
-          },
-          {
-            "frame": 0.16666666666666666,
-            "value": {
-              "__uuid__": "6164bac7-9882-43ce-b3d0-9d062d6d0b49"
-            }
-          }
-        ]
-      }
-    }
-  },
-  "events": []
-}
--- a/frontend/assets/resources/animation/BluePacman/BottomLeft.anim.meta
+++ b/frontend/assets/resources/animation/BluePacman/BottomLeft.anim.meta
@@ -1,5 +0,0 @@
-{
-  "ver": "2.1.0",
-  "uuid": "a1bf7c7c-b9f7-4b65-86e3-f86a9e798fb6",
-  "subMetas": {}
-}
--- a/frontend/assets/resources/animation/BluePacman/BottomRight.anim
+++ b/frontend/assets/resources/animation/BluePacman/BottomRight.anim
@@ -1,31 +0,0 @@
-{
-  "__type__": "cc.AnimationClip",
-  "_name": "BottomRight",
-  "_objFlags": 0,
-  "_native": "",
-  "_duration": 0.25,
-  "sample": 12,
-  "speed": 1,
-  "wrapMode": "2",
-  "curveData": {
-    "comps": {
-      "cc.Sprite": {
-        "spriteFrame": [
-          {
-            "frame": 0,
-            "value": {
-              "__uuid__": "34cf9fbb-8def-4faf-a56e-123b4c45706c"
-            }
-          },
-          {
-            "frame": 0.16666666666666666,
-            "value": {
-              "__uuid__": "b6709dd6-6ba7-4222-af38-de79ac80ce8b"
-            }
-          }
-        ]
-      }
-    }
-  },
-  "events": []
-}
--- a/frontend/assets/resources/animation/BluePacman/BottomRight.anim.meta
+++ b/frontend/assets/resources/animation/BluePacman/BottomRight.anim.meta
@@ -1,5 +0,0 @@
-{
-  "ver": "2.1.0",
-  "uuid": "d5af527a-9f0c-4398-b2dd-84426be7bd32",
-  "subMetas": {}
-}
--- a/frontend/assets/resources/animation/BluePacman/Left.anim
+++ b/frontend/assets/resources/animation/BluePacman/Left.anim
@@ -1,31 +0,0 @@
-{
-  "__type__": "cc.AnimationClip",
-  "_name": "Left",
-  "_objFlags": 0,
-  "_native": "",
-  "_duration": 0.25,
-  "sample": 12,
-  "speed": 1,
-  "wrapMode": "2",
-  "curveData": {
-    "comps": {
-      "cc.Sprite": {
-        "spriteFrame": [
-          {
-            "frame": 0,
-            "value": {
-              "__uuid__": "02cd24e3-1c4a-46d7-85af-9034c9445ba7"
-            }
-          },
-          {
-            "frame": 0.16666666666666666,
-            "value": {
-              "__uuid__": "1f121837-a493-4a41-90e5-74ea560930ad"
-            }
-          }
-        ]
-      }
-    }
-  },
-  "events": []
-}
--- a/frontend/assets/resources/animation/BluePacman/Left.anim.meta
+++ b/frontend/assets/resources/animation/BluePacman/Left.anim.meta
@@ -1,5 +0,0 @@
-{
-  "ver": "2.1.0",
-  "uuid": "b60618d7-569d-4f13-bdeb-f20341fbadb6",
-  "subMetas": {}
-}
--- a/frontend/assets/resources/animation/BluePacman/Right.anim
+++ b/frontend/assets/resources/animation/BluePacman/Right.anim
@@ -1,31 +0,0 @@
-{
-  "__type__": "cc.AnimationClip",
-  "_name": "Right",
-  "_objFlags": 0,
-  "_native": "",
-  "_duration": 0.25,
-  "sample": 12,
-  "speed": 1,
-  "wrapMode": "2",
-  "curveData": {
-    "comps": {
-      "cc.Sprite": {
-        "spriteFrame": [
-          {
-            "frame": 0,
-            "value": {
-              "__uuid__": "a6ec6a1c-dde5-459d-84f9-7b2b8a163e7b"
-            }
-          },
-          {
-            "frame": 0.16666666666666666,
-            "value": {
-              "__uuid__": "b5d11244-f30a-4b0d-b67b-23648d253d44"
-            }
-          }
-        ]
-      }
-    }
-  },
-  "events": []
-}
--- a/frontend/assets/resources/animation/BluePacman/Right.anim.meta
+++ b/frontend/assets/resources/animation/BluePacman/Right.anim.meta
@@ -1,5 +0,0 @@
-{
-  "ver": "2.1.0",
-  "uuid": "0b3fb38e-9110-4191-9b72-6b64a224d049",
-  "subMetas": {}
-}
--- a/frontend/assets/resources/animation/BluePacman/Top.anim
+++ b/frontend/assets/resources/animation/BluePacman/Top.anim
@@ -1,31 +0,0 @@
-{
-  "__type__": "cc.AnimationClip",
-  "_name": "Top",
-  "_objFlags": 0,
-  "_native": "",
-  "_duration": 0.25,
-  "sample": 12,
-  "speed": 1,
-  "wrapMode": "2",
-  "curveData": {
-    "comps": {
-      "cc.Sprite": {
-        "spriteFrame": [
-          {
-            "frame": 0,
-            "value": {
-              "__uuid__": "8967d249-e9cf-4e44-85e8-6b9377129d9e"
-            }
-          },
-          {
-            "frame": 0.16666666666666666,
-            "value": {
-              "__uuid__": "492a57fb-6a5c-423a-bcfe-0695a7828881"
-            }
-          }
-        ]
-      }
-    }
-  },
-  "events": []
-}
--- a/frontend/assets/resources/animation/BluePacman/Top.anim.meta
+++ b/frontend/assets/resources/animation/BluePacman/Top.anim.meta
@@ -1,5 +0,0 @@
-{
-  "ver": "2.1.0",
-  "uuid": "1bc6de53-800b-4da3-ab8e-4a45e3aa4230",
-  "subMetas": {}
-}
--- a/frontend/assets/resources/animation/BluePacman/TopLeft.anim
+++ b/frontend/assets/resources/animation/BluePacman/TopLeft.anim
@@ -1,31 +0,0 @@
-{
-  "__type__": "cc.AnimationClip",
-  "_name": "TopLeft",
-  "_objFlags": 0,
-  "_native": "",
-  "_duration": 0.25,
-  "sample": 12,
-  "speed": 1,
-  "wrapMode": "2",
-  "curveData": {
-    "comps": {
-      "cc.Sprite": {
-        "spriteFrame": [
-          {
-            "frame": 0,
-            "value": {
-              "__uuid__": "96187689-85df-46e8-b4db-410eae03c135"
-            }
-          },
-          {
-            "frame": 0.16666666666666666,
-            "value": {
-              "__uuid__": "6b002583-7688-43d3-b3fa-102ae0046628"
-            }
-          }
-        ]
-      }
-    }
-  },
-  "events": []
-}
--- a/frontend/assets/resources/animation/BluePacman/TopLeft.anim.meta
+++ b/frontend/assets/resources/animation/BluePacman/TopLeft.anim.meta
@@ -1,5 +0,0 @@
-{
-  "ver": "2.1.0",
-  "uuid": "ee0d670c-893e-4e4d-96dd-5571db18ee97",
-  "subMetas": {}
-}
--- a/frontend/assets/resources/animation/BluePacman/TopRight.anim
+++ b/frontend/assets/resources/animation/BluePacman/TopRight.anim
@@ -1,31 +0,0 @@
-{
-  "__type__": "cc.AnimationClip",
-  "_name": "TopRight",
-  "_objFlags": 0,
-  "_native": "",
-  "_duration": 0.25,
-  "sample": 12,
-  "speed": 1,
-  "wrapMode": "2",
-  "curveData": {
-    "comps": {
-      "cc.Sprite": {
-        "spriteFrame": [
-          {
-            "frame": 0,
-            "value": {
-              "__uuid__": "ba89046f-8b70-4edb-9f61-534dff476325"
-            }
-          },
-          {
-            "frame": 0.16666666666666666,
-            "value": {
-              "__uuid__": "bc1ef316-d6ad-4538-b223-a0fed8094609"
-            }
-          }
-        ]
-      }
-    }
-  },
-  "events": []
-}
--- a/frontend/assets/resources/animation/BluePacman/TopRight.anim.meta
+++ b/frontend/assets/resources/animation/BluePacman/TopRight.anim.meta
@@ -1,5 +0,0 @@
-{
-  "ver": "2.1.0",
-  "uuid": "596df84a-2e4e-4f1d-967c-a82649f564a8",
-  "subMetas": {}
-}
--- a/frontend/assets/resources/animation/BluePacman/attackedLeft.anim
+++ b/frontend/assets/resources/animation/BluePacman/attackedLeft.anim
@@ -1,43 +0,0 @@
-{
-  "__type__": "cc.AnimationClip",
-  "_name": "attackedLeft",
-  "_objFlags": 0,
-  "_native": "",
-  "_duration": 0.3333333333333333,
-  "sample": 12,
-  "speed": 1,
-  "wrapMode": "2",
-  "curveData": {
-    "comps": {
-      "cc.Sprite": {
-        "spriteFrame": [
-          {
-            "frame": 0,
-            "value": {
-              "__uuid__": "02cd24e3-1c4a-46d7-85af-9034c9445ba7"
-            }
-          },
-          {
-            "frame": 0.08333333333333333,
-            "value": {
-              "__uuid__": "8c522ad3-ee82-41a7-892e-05c05442e2e3"
-            }
-          },
-          {
-            "frame": 0.16666666666666666,
-            "value": {
-              "__uuid__": "1f121837-a493-4a41-90e5-74ea560930ad"
-            }
-          },
-          {
-            "frame": 0.25,
-            "value": {
-              "__uuid__": "1c0ec5ec-51cb-467d-b597-8e69ce580cfd"
-            }
-          }
-        ]
-      }
-    }
-  },
-  "events": []
-}
--- a/frontend/assets/resources/animation/BluePacman/attackedLeft.anim.meta
+++ b/frontend/assets/resources/animation/BluePacman/attackedLeft.anim.meta
@@ -1,5 +0,0 @@
-{
-  "ver": "2.1.0",
-  "uuid": "8acc4e9f-3c47-4b66-9a9d-d012709680f6",
-  "subMetas": {}
-}
--- a/frontend/assets/resources/animation/BluePacman/attackedRight.anim
+++ b/frontend/assets/resources/animation/BluePacman/attackedRight.anim
@@ -1,43 +0,0 @@
-{
-  "__type__": "cc.AnimationClip",
-  "_name": "attackedRight",
-  "_objFlags": 0,
-  "_native": "",
-  "_duration": 0.3333333333333333,
-  "sample": 12,
-  "speed": 1,
-  "wrapMode": "2",
-  "curveData": {
-    "comps": {
-      "cc.Sprite": {
-        "spriteFrame": [
-          {
-            "frame": 0,
-            "value": {
-              "__uuid__": "a6ec6a1c-dde5-459d-84f9-7b2b8a163e7b"
-            }
-          },
-          {
-            "frame": 0.08333333333333333,
-            "value": {
-              "__uuid__": "d5ec0aaf-d4a9-4b2e-b9c1-bdc54b355b73"
-            }
-          },
-          {
-            "frame": 0.16666666666666666,
-            "value": {
-              "__uuid__": "b5d11244-f30a-4b0d-b67b-23648d253d44"
-            }
-          },
-          {
-            "frame": 0.25,
-            "value": {
-              "__uuid__": "360dfc7d-4ed1-4fb9-8d2f-7533d05a4830"
-            }
-          }
-        ]
-      }
-    }
-  },
-  "events": []
-}
--- a/frontend/assets/resources/animation/BluePacman/attackedRight.anim.meta
+++ b/frontend/assets/resources/animation/BluePacman/attackedRight.anim.meta
@@ -1,5 +0,0 @@
-{
-  "ver": "2.1.0",
-  "uuid": "c7cda0cd-dbce-4722-abd2-aeca28263a21",
-  "subMetas": {}
-}
--- a/frontend/assets/resources/animation/RedPacman.meta
+++ b/frontend/assets/resources/animation/RedPacman.meta
@@ -1,7 +0,0 @@
-{
-  "ver": "1.0.1",
-  "uuid": "135f388e-7e75-4ece-b267-4e07835cba74",
-  "isSubpackage": false,
-  "subpackageName": "",
-  "subMetas": {}
-}
--- a/frontend/assets/resources/animation/RedPacman/Bottom.anim
+++ b/frontend/assets/resources/animation/RedPacman/Bottom.anim
@@ -1,31 +0,0 @@
-{
-  "__type__": "cc.AnimationClip",
-  "_name": "Bottom",
-  "_objFlags": 0,
-  "_native": "",
-  "_duration": 0.25,
-  "sample": 12,
-  "speed": 1,
-  "wrapMode": "2",
-  "curveData": {
-    "comps": {
-      "cc.Sprite": {
-        "spriteFrame": [
-          {
-            "frame": 0,
-            "value": {
-              "__uuid__": "c79694bc-ff6f-416b-9047-b82f41fe791a"
-            }
-          },
-          {
-            "frame": 0.16666666666666666,
-            "value": {
-              "__uuid__": "609c77a2-bdfe-4967-8de6-646532302c97"
-            }
-          }
-        ]
-      }
-    }
-  },
-  "events": []
-}
--- a/frontend/assets/resources/animation/RedPacman/Bottom.anim.meta
+++ b/frontend/assets/resources/animation/RedPacman/Bottom.anim.meta
@@ -1,5 +0,0 @@
-{
-  "ver": "2.1.0",
-  "uuid": "28194c48-ae3b-4197-8263-0d474ae8b9bc",
-  "subMetas": {}
-}
--- a/frontend/assets/resources/animation/RedPacman/BottomLeft.anim
+++ b/frontend/assets/resources/animation/RedPacman/BottomLeft.anim
@@ -1,31 +0,0 @@
-{
-  "__type__": "cc.AnimationClip",
-  "_name": "BottomLeft",
-  "_objFlags": 0,
-  "_native": "",
-  "_duration": 0.25,
-  "sample": 12,
-  "speed": 1,
-  "wrapMode": "2",
-  "curveData": {
-    "comps": {
-      "cc.Sprite": {
-        "spriteFrame": [
-          {
-            "frame": 0,
-            "value": {
-              "__uuid__": "07b6d385-3f51-48c1-8165-38756b3d84fa"
-            }
-          },
-          {
-            "frame": 0.16666666666666666,
-            "value": {
-              "__uuid__": "c627bf3b-0e97-4423-aeea-54c7511894d6"
-            }
-          }
-        ]
-      }
-    }
-  },
-  "events": []
-}
--- a/frontend/assets/resources/animation/RedPacman/BottomLeft.anim.meta
+++ b/frontend/assets/resources/animation/RedPacman/BottomLeft.anim.meta
@@ -1,5 +0,0 @@
-{
-  "ver": "2.1.0",
-  "uuid": "e1c45a36-2022-4b18-a2db-b5e2e0a120ed",
-  "subMetas": {}
-}
--- a/frontend/assets/resources/animation/RedPacman/BottomRight.anim
+++ b/frontend/assets/resources/animation/RedPacman/BottomRight.anim
@@ -1,31 +0,0 @@
-{
-  "__type__": "cc.AnimationClip",
-  "_name": "BottomRight",
-  "_objFlags": 0,
-  "_native": "",
-  "_duration": 0.25,
-  "sample": 12,
-  "speed": 1,
-  "wrapMode": "2",
-  "curveData": {
-    "comps": {
-      "cc.Sprite": {
-        "spriteFrame": [
-          {
-            "frame": 0,
-            "value": {
-              "__uuid__": "d0327836-1910-4c6a-9291-c8bb044c54f5"
-            }
-          },
-          {
-            "frame": 0.16666666666666666,
-            "value": {
-              "__uuid__": "1d3e614a-bb2a-4b1d-87ca-0cddd6e03fff"
-            }
-          }
-        ]
-      }
-    }
-  },
-  "events": []
-}
--- a/frontend/assets/resources/animation/RedPacman/BottomRight.anim.meta
+++ b/frontend/assets/resources/animation/RedPacman/BottomRight.anim.meta
@@ -1,5 +0,0 @@
-{
-  "ver": "2.1.0",
-  "uuid": "126dff26-0ace-439d-89b5-b888aa52d159",
-  "subMetas": {}
-}
--- a/frontend/assets/resources/animation/RedPacman/Left.anim
+++ b/frontend/assets/resources/animation/RedPacman/Left.anim
@@ -1,31 +0,0 @@
-{
-  "__type__": "cc.AnimationClip",
-  "_name": "Left",
-  "_objFlags": 0,
-  "_native": "",
-  "_duration": 0.25,
-  "sample": 12,
-  "speed": 1,
-  "wrapMode": "2",
-  "curveData": {
-    "comps": {
-      "cc.Sprite": {
-        "spriteFrame": [
-          {
-            "frame": 0,
-            "value": {
-              "__uuid__": "c9528117-c878-41aa-ad5d-641fefcaa89f"
-            }
-          },
-          {
-            "frame": 0.16666666666666666,
-            "value": {
-              "__uuid__": "c0e5d042-8bc1-449b-9a2d-7844129c5188"
-            }
-          }
-        ]
-      }
-    }
-  },
-  "events": []
-}
--- a/frontend/assets/resources/animation/RedPacman/Left.anim.meta
+++ b/frontend/assets/resources/animation/RedPacman/Left.anim.meta
@@ -1,5 +0,0 @@
-{
-  "ver": "2.1.0",
-  "uuid": "95c2d541-8f99-446a-a7e0-094130ce6d41",
-  "subMetas": {}
-}
--- a/frontend/assets/resources/animation/RedPacman/Right.anim
+++ b/frontend/assets/resources/animation/RedPacman/Right.anim
@@ -1,31 +0,0 @@
-{
-  "__type__": "cc.AnimationClip",
-  "_name": "Right",
-  "_objFlags": 0,
-  "_native": "",
-  "_duration": 0.25,
-  "sample": 12,
-  "speed": 1,
-  "wrapMode": "2",
-  "curveData": {
-    "comps": {
-      "cc.Sprite": {
-        "spriteFrame": [
-          {
-            "frame": 0,
-            "value": {
-              "__uuid__": "1054cf4c-69a5-4834-8966-03bc613d4483"
-            }
-          },
-          {
-            "frame": 0.16666666666666666,
-            "value": {
-              "__uuid__": "b88522bd-8b6b-44a1-9c84-5518ae7f5c2c"
-            }
-          }
-        ]
-      }
-    }
-  },
-  "events": []
-}
--- a/frontend/assets/resources/animation/RedPacman/Right.anim.meta
+++ b/frontend/assets/resources/animation/RedPacman/Right.anim.meta
@@ -1,5 +0,0 @@
-{
-  "ver": "2.1.0",
-  "uuid": "380f5fa0-f77f-434a-8f39-d545ee6823c5",
-  "subMetas": {}
-}
--- a/frontend/assets/resources/animation/RedPacman/Top.anim
+++ b/frontend/assets/resources/animation/RedPacman/Top.anim
@@ -1,31 +0,0 @@
-{
-  "__type__": "cc.AnimationClip",
-  "_name": "Top",
-  "_objFlags": 0,
-  "_native": "",
-  "_duration": 0.25,
-  "sample": 12,
-  "speed": 1,
-  "wrapMode": "2",
-  "curveData": {
-    "comps": {
-      "cc.Sprite": {
-        "spriteFrame": [
-          {
-            "frame": 0,
-            "value": {
-              "__uuid__": "9702ca76-66c8-4ea9-a976-45f86e15830a"
-            }
-          },
-          {
-            "frame": 0.16666666666666666,
-            "value": {
-              "__uuid__": "6390f1c3-b4cc-41df-acfb-645e8f90fb36"
-            }
-          }
-        ]
-      }
-    }
-  },
-  "events": []
-}
--- a/frontend/assets/resources/animation/RedPacman/Top.anim.meta
+++ b/frontend/assets/resources/animation/RedPacman/Top.anim.meta
@@ -1,5 +0,0 @@
-{
-  "ver": "2.1.0",
-  "uuid": "a306c6de-ccd8-492b-bfec-c6be0a4cbde2",
-  "subMetas": {}
-}
--- a/frontend/assets/resources/animation/RedPacman/TopLeft.anim
+++ b/frontend/assets/resources/animation/RedPacman/TopLeft.anim
@@ -1,31 +0,0 @@
-{
-  "__type__": "cc.AnimationClip",
-  "_name": "TopLeft",
-  "_objFlags": 0,
-  "_native": "",
-  "_duration": 0.25,
-  "sample": 12,
-  "speed": 1,
-  "wrapMode": "2",
-  "curveData": {
-    "comps": {
-      "cc.Sprite": {
-        "spriteFrame": [
-          {
-            "frame": 0,
-            "value": {
-              "__uuid__": "a669112a-f263-443d-9757-60d0372e0fe8"
-            }
-          },
-          {
-            "frame": 0.16666666666666666,
-            "value": {
-              "__uuid__": "3ed70f56-3b60-4bda-9d2a-8d4b5ecb12f9"
-            }
-          }
-        ]
-      }
-    }
-  },
-  "events": []
-}
--- a/frontend/assets/resources/animation/RedPacman/TopLeft.anim.meta
+++ b/frontend/assets/resources/animation/RedPacman/TopLeft.anim.meta
@@ -1,5 +0,0 @@
-{
-  "ver": "2.1.0",
-  "uuid": "f496072b-51fd-4406-abbd-9885ac23f7a9",
-  "subMetas": {}
-}
--- a/frontend/assets/resources/animation/RedPacman/TopRight.anim
+++ b/frontend/assets/resources/animation/RedPacman/TopRight.anim
@@ -1,31 +0,0 @@
-{
-  "__type__": "cc.AnimationClip",
-  "_name": "TopRight",
-  "_objFlags": 0,
-  "_native": "",
-  "_duration": 0.25,
-  "sample": 12,
-  "speed": 1,
-  "wrapMode": "2",
-  "curveData": {
-    "comps": {
-      "cc.Sprite": {
-        "spriteFrame": [
-          {
-            "frame": 0,
-            "value": {
-              "__uuid__": "3d84f335-85c4-4dd0-a5d3-38f4da1e1611"
-            }
-          },
-          {
-            "frame": 0.16666666666666666,
-            "value": {
-              "__uuid__": "6d36877f-dc27-4ebc-9407-14fbcf2314df"
-            }
-          }
-        ]
-      }
-    }
-  },
-  "events": []
-}
--- a/frontend/assets/resources/animation/RedPacman/TopRight.anim.meta
+++ b/frontend/assets/resources/animation/RedPacman/TopRight.anim.meta
@@ -1,5 +0,0 @@
-{
-  "ver": "2.1.0",
-  "uuid": "6405ad8b-3084-4b67-8c2e-9b4d34fa3d09",
-  "subMetas": {}
-}
--- a/frontend/assets/resources/animation/RedPacman/attackedLeft.anim
+++ b/frontend/assets/resources/animation/RedPacman/attackedLeft.anim
@@ -1,43 +0,0 @@
-{
-  "__type__": "cc.AnimationClip",
-  "_name": "attackedLeft",
-  "_objFlags": 0,
-  "_native": "",
-  "_duration": 0.3333333333333333,
-  "sample": 12,
-  "speed": 1,
-  "wrapMode": "2",
-  "curveData": {
-    "comps": {
-      "cc.Sprite": {
-        "spriteFrame": [
-          {
-            "frame": 0,
-            "value": {
-              "__uuid__": "c9528117-c878-41aa-ad5d-641fefcaa89f"
-            }
-          },
-          {
-            "frame": 0.08333333333333333,
-            "value": {
-              "__uuid__": "987c7dc0-e81f-4891-979d-0998794e6889"
-            }
-          },
-          {
-            "frame": 0.16666666666666666,
-            "value": {
-              "__uuid__": "c0e5d042-8bc1-449b-9a2d-7844129c5188"
-            }
-          },
-          {
-            "frame": 0.25,
-            "value": {
-              "__uuid__": "9205c378-c50c-4303-af32-dbf9422375cf"
-            }
-          }
-        ]
-      }
-    }
-  },
-  "events": []
-}
--- a/frontend/assets/resources/animation/RedPacman/attackedLeft.anim.meta
+++ b/frontend/assets/resources/animation/RedPacman/attackedLeft.anim.meta
@@ -1,5 +0,0 @@
-{
-  "ver": "2.1.0",
-  "uuid": "af16cdcb-6e82-4be6-806d-9fc52ae99fff",
-  "subMetas": {}
-}
--- a/frontend/assets/resources/animation/RedPacman/attackedRight.anim
+++ b/frontend/assets/resources/animation/RedPacman/attackedRight.anim
@@ -1,43 +0,0 @@
-{
-  "__type__": "cc.AnimationClip",
-  "_name": "attackedRight",
-  "_objFlags": 0,
-  "_native": "",
-  "_duration": 0.3333333333333333,
-  "sample": 12,
-  "speed": 1,
-  "wrapMode": "2",
-  "curveData": {
-    "comps": {
-      "cc.Sprite": {
-        "spriteFrame": [
-          {
-            "frame": 0,
-            "value": {
-              "__uuid__": "1054cf4c-69a5-4834-8966-03bc613d4483"
-            }
-          },
-          {
-            "frame": 0.08333333333333333,
-            "value": {
-              "__uuid__": "8f3cf81e-1251-4013-b684-13f2830c7425"
-            }
-          },
-          {
-            "frame": 0.16666666666666666,
-            "value": {
-              "__uuid__": "b88522bd-8b6b-44a1-9c84-5518ae7f5c2c"
-            }
-          },
-          {
-            "frame": 0.25,
-            "value": {
-              "__uuid__": "69f1bd37-6628-4fd1-b0f2-08073d1edb29"
-            }
-          }
-        ]
-      }
-    }
-  },
-  "events": []
-}
--- a/frontend/assets/resources/animation/RedPacman/attackedRight.anim.meta
+++ b/frontend/assets/resources/animation/RedPacman/attackedRight.anim.meta
@@ -1,5 +0,0 @@
-{
-  "ver": "2.1.0",
-  "uuid": "02eba566-4d22-4fa7-99d7-f032f5845421",
-  "subMetas": {}
-}
--- a/frontend/assets/resources/animation/SolderWaterGhost/SoldierWaterGhost_ske.json
+++ b/frontend/assets/resources/animation/SolderWaterGhost/SoldierWaterGhost_ske.json
--- a/frontend/assets/resources/animation/SolderWaterGhost/SoldierWaterGhost_ske.json.meta
+++ b/frontend/assets/resources/animation/SolderWaterGhost/SoldierWaterGhost_ske.json.meta
--- a/frontend/assets/resources/animation/SolderWaterGhost/SoldierWaterGhost_tex.json
+++ b/frontend/assets/resources/animation/SolderWaterGhost/SoldierWaterGhost_tex.json
@@ -1 +1 @@
-{"SubTexture":[{"y":50,"frameX":-2,"frameY":-2,"width":19,"frameWidth":23,"height":19,"name":"biu","frameHeight":22,"x":1},{"width":9,"y":50,"height":14,"name":"rightArm","x":42},{"y":34,"frameX":-6,"frameY":0,"width":20,"frameWidth":29,"height":32,"name":"yinmoqe00","frameHeight":32,"x":88},{"y":1,"frameX":0,"frameY":0,"width":33,"frameWidth":34,"height":39,"name":"body","frameHeight":41,"x":53},{"width":9,"y":56,"height":13,"name":"rightShoulder","x":74},{"y":50,"frameX":0,"frameY":0,"width":18,"frameWidth":19,"height":17,"name":"rightFrontArm","frameHeight":18,"x":22},{"width":14,"y":50,"height":14,"name":"rightHand","x":110},{"width":12,"y":42,"height":12,"name":"leftArm","x":74},{"width":13,"y":66,"height":12,"name":"leftShoulder","x":110},{"y":42,"frameX":-1,"frameY":0,"width":19,"frameWidth":20,"height":21,"name":"leftFrontArm","frameHeight":21,"x":53},{"width":50,"y":1,"height":47,"name":"head2","x":1},{"y":1,"frameX":-1,"frameY":0,"width":32,"frameWidth":33,"height":31,"name":"head","frameHeight":32,"x":88},{"width":16,"y":34,"height":14,"name":"leftHand","x":110},{"y":1,"frameX":-2,"frameY":-3,"width":2,"frameWidth":8,"height":2,"name":"huomiao01","frameHeight":8,"x":122}],"width":128,"height":128,"name":"SoldierWaterGhost","imagePath":"SoldierWaterGhost_tex.png"}
+{"imagePath":"SoldierWaterGhost_tex.png","width":64,"height":64,"name":"SoldierWaterGhost","SubTexture":[{"frameY":-1,"y":27,"frameWidth":12,"frameHeight":11,"width":10,"height":10,"name":"biu","frameX":-1,"x":1},{"width":5,"y":23,"height":7,"name":"rightArm","x":40},{"frameY":0,"y":19,"frameWidth":15,"frameHeight":16,"width":10,"height":16,"name":"yinmoqe00","frameX":-3,"x":47},{"frameY":0,"y":1,"frameWidth":17,"frameHeight":21,"width":17,"height":20,"name":"body","frameX":0,"x":28},{"width":5,"y":37,"height":7,"name":"rightShoulder","x":42},{"frameY":0,"y":27,"frameWidth":10,"frameHeight":9,"width":9,"height":9,"name":"rightFrontArm","frameX":0,"x":13},{"width":7,"y":38,"height":7,"name":"rightHand","x":13},{"width":6,"y":36,"height":6,"name":"leftArm","x":34},{"width":7,"y":39,"height":6,"name":"leftShoulder","x":1},{"frameY":0,"y":23,"frameWidth":10,"frameHeight":11,"width":10,"height":11,"name":"leftFrontArm","frameX":-1,"x":28},{"width":25,"y":1,"height":24,"name":"head2","x":1},{"frameY":0,"y":1,"frameWidth":17,"frameHeight":16,"width":16,"height":16,"name":"head","frameX":-1,"x":47},{"width":8,"y":36,"height":7,"name":"leftHand","x":24},{"frameY":-2,"y":32,"frameWidth":4,"frameHeight":4,"width":1,"height":1,"name":"huomiao01","frameX":-1,"x":42}]}
--- a/frontend/assets/resources/animation/SolderWaterGhost/SoldierWaterGhost_tex.json.meta
+++ b/frontend/assets/resources/animation/SolderWaterGhost/SoldierWaterGhost_tex.json.meta
@@ -1,7 +1,7 @@
 {
  "ver": "1.0.0",
  "uuid": "e9e703e9-3589-4713-b889-28b23406d220",
-  "atlasJson": "{\"SubTexture\":[{\"y\":50,\"frameX\":-2,\"frameY\":-2,\"width\":19,\"frameWidth\":23,\"height\":19,\"name\":\"biu\",\"frameHeight\":22,\"x\":1},{\"width\":9,\"y\":50,\"height\":14,\"name\":\"rightArm\",\"x\":42},{\"y\":34,\"frameX\":-6,\"frameY\":0,\"width\":20,\"frameWidth\":29,\"height\":32,\"name\":\"yinmoqe00\",\"frameHeight\":32,\"x\":88},{\"y\":1,\"frameX\":0,\"frameY\":0,\"width\":33,\"frameWidth\":34,\"height\":39,\"name\":\"body\",\"frameHeight\":41,\"x\":53},{\"width\":9,\"y\":56,\"height\":13,\"name\":\"rightShoulder\",\"x\":74},{\"y\":50,\"frameX\":0,\"frameY\":0,\"width\":18,\"frameWidth\":19,\"height\":17,\"name\":\"rightFrontArm\",\"frameHeight\":18,\"x\":22},{\"width\":14,\"y\":50,\"height\":14,\"name\":\"rightHand\",\"x\":110},{\"width\":12,\"y\":42,\"height\":12,\"name\":\"leftArm\",\"x\":74},{\"width\":13,\"y\":66,\"height\":12,\"name\":\"leftShoulder\",\"x\":110},{\"y\":42,\"frameX\":-1,\"frameY\":0,\"width\":19,\"frameWidth\":20,\"height\":21,\"name\":\"leftFrontArm\",\"frameHeight\":21,\"x\":53},{\"width\":50,\"y\":1,\"height\":47,\"name\":\"head2\",\"x\":1},{\"y\":1,\"frameX\":-1,\"frameY\":0,\"width\":32,\"frameWidth\":33,\"height\":31,\"name\":\"head\",\"frameHeight\":32,\"x\":88},{\"width\":16,\"y\":34,\"height\":14,\"name\":\"leftHand\",\"x\":110},{\"y\":1,\"frameX\":-2,\"frameY\":-3,\"width\":2,\"frameWidth\":8,\"height\":2,\"name\":\"huomiao01\",\"frameHeight\":8,\"x\":122}],\"width\":128,\"height\":128,\"name\":\"SoldierWaterGhost\",\"imagePath\":\"SoldierWaterGhost_tex.png\"}",
+  "atlasJson": "{\"imagePath\":\"SoldierWaterGhost_tex.png\",\"width\":64,\"height\":64,\"name\":\"SoldierWaterGhost\",\"SubTexture\":[{\"frameY\":-1,\"y\":27,\"frameWidth\":12,\"frameHeight\":11,\"width\":10,\"height\":10,\"name\":\"biu\",\"frameX\":-1,\"x\":1},{\"width\":5,\"y\":23,\"height\":7,\"name\":\"rightArm\",\"x\":40},{\"frameY\":0,\"y\":19,\"frameWidth\":15,\"frameHeight\":16,\"width\":10,\"height\":16,\"name\":\"yinmoqe00\",\"frameX\":-3,\"x\":47},{\"frameY\":0,\"y\":1,\"frameWidth\":17,\"frameHeight\":21,\"width\":17,\"height\":20,\"name\":\"body\",\"frameX\":0,\"x\":28},{\"width\":5,\"y\":37,\"height\":7,\"name\":\"rightShoulder\",\"x\":42},{\"frameY\":0,\"y\":27,\"frameWidth\":10,\"frameHeight\":9,\"width\":9,\"height\":9,\"name\":\"rightFrontArm\",\"frameX\":0,\"x\":13},{\"width\":7,\"y\":38,\"height\":7,\"name\":\"rightHand\",\"x\":13},{\"width\":6,\"y\":36,\"height\":6,\"name\":\"leftArm\",\"x\":34},{\"width\":7,\"y\":39,\"height\":6,\"name\":\"leftShoulder\",\"x\":1},{\"frameY\":0,\"y\":23,\"frameWidth\":10,\"frameHeight\":11,\"width\":10,\"height\":11,\"name\":\"leftFrontArm\",\"frameX\":-1,\"x\":28},{\"width\":25,\"y\":1,\"height\":24,\"name\":\"head2\",\"x\":1},{\"frameY\":0,\"y\":1,\"frameWidth\":17,\"frameHeight\":16,\"width\":16,\"height\":16,\"name\":\"head\",\"frameX\":-1,\"x\":47},{\"width\":8,\"y\":36,\"height\":7,\"name\":\"leftHand\",\"x\":24},{\"frameY\":-2,\"y\":32,\"frameWidth\":4,\"frameHeight\":4,\"width\":1,\"height\":1,\"name\":\"huomiao01\",\"frameX\":-1,\"x\":42}]}",
  "texture": "def168c3-3f07-43f9-a460-36b397c70a57",
  "subMetas": {}
 }
--- a/frontend/assets/resources/animation/SolderWaterGhost/SoldierWaterGhost_tex.png
+++ b/frontend/assets/resources/animation/SolderWaterGhost/SoldierWaterGhost_tex.png
--- a/frontend/assets/resources/animation/SolderWaterGhost/SoldierWaterGhost_tex.png.meta
+++ b/frontend/assets/resources/animation/SolderWaterGhost/SoldierWaterGhost_tex.png.meta
@@ -16,14 +16,14 @@
      "trimType": "auto",
      "trimThreshold": 1,
      "rotated": false,
-      "offsetX": -0.5,
-      "offsetY": 24.5,
+      "offsetX": 0,
+      "offsetY": 9,
      "trimX": 1,
      "trimY": 1,
-      "width": 125,
-      "height": 77,
-      "rawWidth": 128,
-      "rawHeight": 128,
+      "width": 62,
+      "height": 44,
+      "rawWidth": 64,
+      "rawHeight": 64,
      "borderTop": 0,
      "borderBottom": 0,
      "borderLeft": 0,
--- a/frontend/assets/resources/animation/SoldierFireGhost/SoldierFireGhost_ske.json
+++ b/frontend/assets/resources/animation/SoldierFireGhost/SoldierFireGhost_ske.json
--- a/frontend/assets/resources/animation/SoldierFireGhost/SoldierFireGhost_ske.json.meta
+++ b/frontend/assets/resources/animation/SoldierFireGhost/SoldierFireGhost_ske.json.meta
--- a/frontend/assets/resources/animation/SoldierFireGhost/SoldierFireGhost_tex.json
+++ b/frontend/assets/resources/animation/SoldierFireGhost/SoldierFireGhost_tex.json
@@ -1 +1 @@
-{"width":128,"SubTexture":[{"frameWidth":23,"y":44,"frameHeight":22,"width":22,"frameX":-1,"height":22,"name":"biu","frameY":0,"x":53},{"width":9,"y":68,"height":14,"name":"rightArm","x":76},{"frameWidth":29,"y":35,"frameHeight":32,"width":26,"frameX":-1,"height":32,"name":"yinmoqe00","frameY":0,"x":89},{"width":34,"y":1,"height":41,"name":"body","x":53},{"width":9,"y":44,"height":13,"name":"rightShoulder","x":77},{"width":19,"y":50,"height":18,"name":"rightFrontArm","x":23},{"width":14,"y":70,"height":14,"name":"rightHand","x":23},{"width":12,"y":68,"height":12,"name":"leftArm","x":62},{"width":13,"y":73,"height":12,"name":"leftShoulder","x":1},{"width":20,"y":50,"height":21,"name":"leftFrontArm","x":1},{"width":33,"y":1,"height":32,"name":"head","x":89},{"width":50,"y":1,"height":47,"name":"head2","x":1},{"width":16,"y":68,"height":14,"name":"leftHand","x":44},{"frameWidth":8,"y":59,"frameHeight":8,"width":4,"frameX":-1,"height":4,"name":"huomiao01","frameY":-2,"x":77}],"height":128,"name":"SoldierFireGhost","imagePath":"SoldierFireGhost_tex.png"}
+{"imagePath":"SoldierFireGhost_tex.png","width":64,"height":64,"name":"SoldierFireGhost","SubTexture":[{"frameY":0,"y":42,"frameWidth":12,"frameHeight":11,"width":11,"height":11,"name":"biu","frameX":-1,"x":16},{"width":5,"y":42,"height":7,"name":"rightArm","x":29},{"frameY":0,"y":27,"frameWidth":15,"frameHeight":16,"width":13,"height":16,"name":"yinmoqe00","frameX":-1,"x":1},{"width":17,"y":1,"height":21,"name":"body","x":28},{"width":5,"y":42,"height":7,"name":"rightShoulder","x":36},{"width":10,"y":45,"height":9,"name":"rightFrontArm","x":1},{"width":7,"y":56,"height":7,"name":"rightHand","x":1},{"width":6,"y":55,"height":6,"name":"leftArm","x":32},{"width":7,"y":55,"height":6,"name":"leftShoulder","x":23},{"width":10,"y":27,"height":11,"name":"leftFrontArm","x":16},{"width":25,"y":1,"height":24,"name":"head2","x":1},{"width":17,"y":24,"height":16,"name":"head","x":28},{"width":8,"y":55,"height":7,"name":"leftHand","x":13},{"frameY":-1,"y":51,"frameWidth":4,"frameHeight":4,"width":2,"height":2,"name":"huomiao01","frameX":-1,"x":29}]}
--- a/frontend/assets/resources/animation/SoldierFireGhost/SoldierFireGhost_tex.json.meta
+++ b/frontend/assets/resources/animation/SoldierFireGhost/SoldierFireGhost_tex.json.meta
@@ -1,7 +1,7 @@
 {
  "ver": "1.0.0",
  "uuid": "4a9187d5-a9ad-4464-a03c-d2f3cc277051",
-  "atlasJson": "{\"width\":128,\"SubTexture\":[{\"frameWidth\":23,\"y\":44,\"frameHeight\":22,\"width\":22,\"frameX\":-1,\"height\":22,\"name\":\"biu\",\"frameY\":0,\"x\":53},{\"width\":9,\"y\":68,\"height\":14,\"name\":\"rightArm\",\"x\":76},{\"frameWidth\":29,\"y\":35,\"frameHeight\":32,\"width\":26,\"frameX\":-1,\"height\":32,\"name\":\"yinmoqe00\",\"frameY\":0,\"x\":89},{\"width\":34,\"y\":1,\"height\":41,\"name\":\"body\",\"x\":53},{\"width\":9,\"y\":44,\"height\":13,\"name\":\"rightShoulder\",\"x\":77},{\"width\":19,\"y\":50,\"height\":18,\"name\":\"rightFrontArm\",\"x\":23},{\"width\":14,\"y\":70,\"height\":14,\"name\":\"rightHand\",\"x\":23},{\"width\":12,\"y\":68,\"height\":12,\"name\":\"leftArm\",\"x\":62},{\"width\":13,\"y\":73,\"height\":12,\"name\":\"leftShoulder\",\"x\":1},{\"width\":20,\"y\":50,\"height\":21,\"name\":\"leftFrontArm\",\"x\":1},{\"width\":33,\"y\":1,\"height\":32,\"name\":\"head\",\"x\":89},{\"width\":50,\"y\":1,\"height\":47,\"name\":\"head2\",\"x\":1},{\"width\":16,\"y\":68,\"height\":14,\"name\":\"leftHand\",\"x\":44},{\"frameWidth\":8,\"y\":59,\"frameHeight\":8,\"width\":4,\"frameX\":-1,\"height\":4,\"name\":\"huomiao01\",\"frameY\":-2,\"x\":77}],\"height\":128,\"name\":\"SoldierFireGhost\",\"imagePath\":\"SoldierFireGhost_tex.png\"}",
+  "atlasJson": "{\"imagePath\":\"SoldierFireGhost_tex.png\",\"width\":64,\"height\":64,\"name\":\"SoldierFireGhost\",\"SubTexture\":[{\"frameY\":0,\"y\":42,\"frameWidth\":12,\"frameHeight\":11,\"width\":11,\"height\":11,\"name\":\"biu\",\"frameX\":-1,\"x\":16},{\"width\":5,\"y\":42,\"height\":7,\"name\":\"rightArm\",\"x\":29},{\"frameY\":0,\"y\":27,\"frameWidth\":15,\"frameHeight\":16,\"width\":13,\"height\":16,\"name\":\"yinmoqe00\",\"frameX\":-1,\"x\":1},{\"width\":17,\"y\":1,\"height\":21,\"name\":\"body\",\"x\":28},{\"width\":5,\"y\":42,\"height\":7,\"name\":\"rightShoulder\",\"x\":36},{\"width\":10,\"y\":45,\"height\":9,\"name\":\"rightFrontArm\",\"x\":1},{\"width\":7,\"y\":56,\"height\":7,\"name\":\"rightHand\",\"x\":1},{\"width\":6,\"y\":55,\"height\":6,\"name\":\"leftArm\",\"x\":32},{\"width\":7,\"y\":55,\"height\":6,\"name\":\"leftShoulder\",\"x\":23},{\"width\":10,\"y\":27,\"height\":11,\"name\":\"leftFrontArm\",\"x\":16},{\"width\":25,\"y\":1,\"height\":24,\"name\":\"head2\",\"x\":1},{\"width\":17,\"y\":24,\"height\":16,\"name\":\"head\",\"x\":28},{\"width\":8,\"y\":55,\"height\":7,\"name\":\"leftHand\",\"x\":13},{\"frameY\":-1,\"y\":51,\"frameWidth\":4,\"frameHeight\":4,\"width\":2,\"height\":2,\"name\":\"huomiao01\",\"frameX\":-1,\"x\":29}]}",
  "texture": "700d963b-2192-4219-a066-8be5b3db7453",
  "subMetas": {}
 }
--- a/frontend/assets/resources/animation/SoldierFireGhost/SoldierFireGhost_tex.png
+++ b/frontend/assets/resources/animation/SoldierFireGhost/SoldierFireGhost_tex.png
--- a/frontend/assets/resources/animation/SoldierFireGhost/SoldierFireGhost_tex.png.meta
+++ b/frontend/assets/resources/animation/SoldierFireGhost/SoldierFireGhost_tex.png.meta
@@ -16,14 +16,14 @@
      "trimType": "auto",
      "trimThreshold": 1,
      "rotated": false,
-      "offsetX": -2.5,
-      "offsetY": 21,
+      "offsetX": -9,
+      "offsetY": 0,
      "trimX": 1,
      "trimY": 1,
-      "width": 121,
-      "height": 84,
-      "rawWidth": 128,
-      "rawHeight": 128,
+      "width": 44,
+      "height": 62,
+      "rawWidth": 64,
+      "rawHeight": 64,
      "borderTop": 0,
      "borderBottom": 0,
      "borderLeft": 0,
--- a/frontend/assets/resources/animation/SoldierFireGhost/frameAnim.meta
+++ b/frontend/assets/resources/animation/SoldierFireGhost/frameAnim.meta
@@ -1,6 +1,6 @@
 {
  "ver": "1.0.1",
-  "uuid": "0e243c83-a137-4880-9bfe-9e1b57adc453",
+  "uuid": "3b7d864f-c9fd-4030-a6dc-9814ee12fec1",
  "isSubpackage": false,
  "subpackageName": "",
  "subMetas": {}
--- a/frontend/assets/resources/animation/SoldierFireGhost/frameAnim/Atk1.anim
+++ b/frontend/assets/resources/animation/SoldierFireGhost/frameAnim/Atk1.anim
@@ -0,0 +1,229 @@
+{
+  "__type__": "cc.AnimationClip",
+  "_name": "Atk1",
+  "_objFlags": 0,
+  "_native": "",
+  "_duration": 0.5833333333333334,
+  "sample": 60,
+  "speed": 1,
+  "wrapMode": 1,
+  "curveData": {
+    "comps": {
+      "cc.Sprite": {
+        "spriteFrame": [
+          {
+            "frame": 0,
+            "value": {
+              "__uuid__": "7fedc57f-6998-45fc-899d-ea5edd41ab13"
+            }
+          },
+          {
+            "frame": 0.016666666666666666,
+            "value": {
+              "__uuid__": "d55c2f3c-9110-4627-b8b2-0f9395f0d145"
+            }
+          },
+          {
+            "frame": 0.03333333333333333,
+            "value": {
+              "__uuid__": "1228879d-d28e-48e4-a3ce-5ceda0d1831f"
+            }
+          },
+          {
+            "frame": 0.05,
+            "value": {
+              "__uuid__": "e88dd5c4-cc5d-46e0-88de-e382e2bcadd7"
+            }
+          },
+          {
+            "frame": 0.06666666666666667,
+            "value": {
+              "__uuid__": "df069f5c-7fc0-4731-bb7f-9d2032498e4c"
+            }
+          },
+          {
+            "frame": 0.08333333333333333,
+            "value": {
+              "__uuid__": "4815763d-64e1-4b15-b795-38900861c651"
+            }
+          },
+          {
+            "frame": 0.1,
+            "value": {
+              "__uuid__": "0dca4f06-bf25-4e7f-ac3a-1687e284f5d6"
+            }
+          },
+          {
+            "frame": 0.11666666666666667,
+            "value": {
+              "__uuid__": "de8db3c9-affd-45ef-a536-e2d28ebc8094"
+            }
+          },
+          {
+            "frame": 0.13333333333333333,
+            "value": {
+              "__uuid__": "baaafb8b-9c1a-45ea-ba80-eb8048b61b57"
+            }
+          },
+          {
+            "frame": 0.15,
+            "value": {
+              "__uuid__": "9ffa7db6-1aec-4a1e-a8a9-118f2a6e50dc"
+            }
+          },
+          {
+            "frame": 0.16666666666666666,
+            "value": {
+              "__uuid__": "f2f296ad-0e19-4b00-b061-8c9edff98d0d"
+            }
+          },
+          {
+            "frame": 0.18333333333333332,
+            "value": {
+              "__uuid__": "3e546607-d27f-40fa-9967-771c55a12590"
+            }
+          },
+          {
+            "frame": 0.2,
+            "value": {
+              "__uuid__": "fece0129-e8ae-45be-b963-e2b821add0d3"
+            }
+          },
+          {
+            "frame": 0.21666666666666667,
+            "value": {
+              "__uuid__": "f5f48bec-3d2a-49de-9416-26cc75d34e32"
+            }
+          },
+          {
+            "frame": 0.23333333333333334,
+            "value": {
+              "__uuid__": "b083cfc9-a439-4600-b336-b50ca08b68c4"
+            }
+          },
+          {
+            "frame": 0.25,
+            "value": {
+              "__uuid__": "d04003f5-16c1-4510-898b-9148b76eb958"
+            }
+          },
+          {
+            "frame": 0.26666666666666666,
+            "value": {
+              "__uuid__": "2159f038-bffa-480c-a2bd-c305868f2fd9"
+            }
+          },
+          {
+            "frame": 0.2833333333333333,
+            "value": {
+              "__uuid__": "1d3de292-7dd4-4e28-b1d2-23fc38318390"
+            }
+          },
+          {
+            "frame": 0.3,
+            "value": {
+              "__uuid__": "3031ca7c-e1f7-4d14-b29e-5a7102cab245"
+            }
+          },
+          {
+            "frame": 0.31666666666666665,
+            "value": {
+              "__uuid__": "987e9d14-b6fc-46c7-93ed-8914e42bfa8b"
+            }
+          },
+          {
+            "frame": 0.3333333333333333,
+            "value": {
+              "__uuid__": "327db66e-2136-4d52-9727-399d60715a86"
+            }
+          },
+          {
+            "frame": 0.35,
+            "value": {
+              "__uuid__": "82ab2dcd-22e9-490f-96c4-4786018c91d0"
+            }
+          },
+          {
+            "frame": 0.36666666666666664,
+            "value": {
+              "__uuid__": "36812959-85a6-40fb-9a38-1b4d871eba92"
+            }
+          },
+          {
+            "frame": 0.38333333333333336,
+            "value": {
+              "__uuid__": "2941d74c-7b9c-43dc-a5c4-45952220d9a2"
+            }
+          },
+          {
+            "frame": 0.4,
+            "value": {
+              "__uuid__": "4aed2032-25d5-42fd-983a-4473e2985a99"
+            }
+          },
+          {
+            "frame": 0.4166666666666667,
+            "value": {
+              "__uuid__": "3db216c1-3362-4404-8db6-11615bfa6e64"
+            }
+          },
+          {
+            "frame": 0.43333333333333335,
+            "value": {
+              "__uuid__": "2cf0cb17-cbb0-4d64-9c91-83639a363158"
+            }
+          },
+          {
+            "frame": 0.45,
+            "value": {
+              "__uuid__": "9c057e2c-1dc4-4c6c-adb7-85bf691cefb5"
+            }
+          },
+          {
+            "frame": 0.4666666666666667,
+            "value": {
+              "__uuid__": "49c07a7f-2ace-4e2b-ba4c-724aad12ec5c"
+            }
+          },
+          {
+            "frame": 0.48333333333333334,
+            "value": {
+              "__uuid__": "cec3c067-c958-4988-b113-2f10d7f4f5ea"
+            }
+          },
+          {
+            "frame": 0.5,
+            "value": {
+              "__uuid__": "ad57f789-a25a-411c-b130-62a8ab16177f"
+            }
+          },
+          {
+            "frame": 0.5166666666666667,
+            "value": {
+              "__uuid__": "3c2a21a5-7c85-48f3-95ff-0d7a32e5e852"
+            }
+          },
+          {
+            "frame": 0.5333333333333333,
+            "value": {
+              "__uuid__": "fe15eece-07a5-4d15-927b-af980aea7693"
+            }
+          },
+          {
+            "frame": 0.55,
+            "value": {
+              "__uuid__": "30ac103a-0f2b-45db-9442-461479beeb0d"
+            }
+          },
+          {
+            "frame": 0.5666666666666667,
+            "value": {
+              "__uuid__": "76272ec6-0721-4496-941b-5cb6a52b2c35"
+            }
+          }
+        ]
+      }
+    }
+  },
+  "events": []
+}
--- a/frontend/assets/resources/animation/SoldierFireGhost/frameAnim/Atk1.anim.meta
+++ b/frontend/assets/resources/animation/SoldierFireGhost/frameAnim/Atk1.anim.meta
@@ -0,0 +1,5 @@
+{
+  "ver": "2.1.0",
+  "uuid": "c738236a-0702-45f8-aa38-99457b051997",
+  "subMetas": {}
+}
--- a/frontend/assets/resources/animation/SoldierFireGhost/frameAnim/Atked1.anim
+++ b/frontend/assets/resources/animation/SoldierFireGhost/frameAnim/Atked1.anim
@@ -0,0 +1,133 @@
+{
+  "__type__": "cc.AnimationClip",
+  "_name": "Atked1",
+  "_objFlags": 0,
+  "_native": "",
+  "_duration": 0.31666666666666665,
+  "sample": 60,
+  "speed": 1,
+  "wrapMode": 1,
+  "curveData": {
+    "comps": {
+      "cc.Sprite": {
+        "spriteFrame": [
+          {
+            "frame": 0,
+            "value": {
+              "__uuid__": "6fd7cfcb-95b2-4197-a065-6bc48365f855"
+            }
+          },
+          {
+            "frame": 0.016666666666666666,
+            "value": {
+              "__uuid__": "39aaeff6-3116-4e12-8ec4-9362a8a2fea2"
+            }
+          },
+          {
+            "frame": 0.03333333333333333,
+            "value": {
+              "__uuid__": "fb4e42e6-0fae-48d4-a600-217e01d43e57"
+            }
+          },
+          {
+            "frame": 0.05,
+            "value": {
+              "__uuid__": "2af606d7-4b3d-4355-95d1-a3ab673d2a2e"
+            }
+          },
+          {
+            "frame": 0.06666666666666667,
+            "value": {
+              "__uuid__": "be18e65b-346c-4efb-84cb-7f317fcaf8ac"
+            }
+          },
+          {
+            "frame": 0.08333333333333333,
+            "value": {
+              "__uuid__": "d269af72-8b89-420c-ba9e-6892cda06e80"
+            }
+          },
+          {
+            "frame": 0.1,
+            "value": {
+              "__uuid__": "30539c9d-6dbb-4409-8562-6c24b12010c2"
+            }
+          },
+          {
+            "frame": 0.11666666666666667,
+            "value": {
+              "__uuid__": "96b655f9-9a90-4cb1-86ab-0be881ad8983"
+            }
+          },
+          {
+            "frame": 0.13333333333333333,
+            "value": {
+              "__uuid__": "a86f8107-3d8d-426e-9a17-c856c1ab292a"
+            }
+          },
+          {
+            "frame": 0.15,
+            "value": {
+              "__uuid__": "d7f99f14-9257-426a-9e90-a948e7ca8d23"
+            }
+          },
+          {
+            "frame": 0.16666666666666666,
+            "value": {
+              "__uuid__": "809dcbcf-9edd-4b8b-8bc8-42394ce0a9c2"
+            }
+          },
+          {
+            "frame": 0.18333333333333332,
+            "value": {
+              "__uuid__": "f3e74927-2eea-4306-ba0a-c89972ca88f1"
+            }
+          },
+          {
+            "frame": 0.2,
+            "value": {
+              "__uuid__": "af7a23f6-9b5c-4fe8-aa74-741f18500866"
+            }
+          },
+          {
+            "frame": 0.21666666666666667,
+            "value": {
+              "__uuid__": "4cc6ecdb-3741-4a2e-87a0-a93739a38d37"
+            }
+          },
+          {
+            "frame": 0.23333333333333334,
+            "value": {
+              "__uuid__": "f809b6d3-6f5b-4cf4-b148-5cf7fdf407a5"
+            }
+          },
+          {
+            "frame": 0.25,
+            "value": {
+              "__uuid__": "b1c9e526-fe26-42a8-9257-7e5549847273"
+            }
+          },
+          {
+            "frame": 0.26666666666666666,
+            "value": {
+              "__uuid__": "db62c862-7553-4f99-b758-8c4a4aec438a"
+            }
+          },
+          {
+            "frame": 0.2833333333333333,
+            "value": {
+              "__uuid__": "55f68905-bff7-48ea-b497-5077f49b2aca"
+            }
+          },
+          {
+            "frame": 0.3,
+            "value": {
+              "__uuid__": "b01f45f9-c394-4706-aae1-d1d26a84f48a"
+            }
+          }
+        ]
+      }
+    }
+  },
+  "events": []
+}
--- a/frontend/assets/resources/animation/SoldierFireGhost/frameAnim/Atked1.anim.meta
+++ b/frontend/assets/resources/animation/SoldierFireGhost/frameAnim/Atked1.anim.meta
@@ -0,0 +1,5 @@
+{
+  "ver": "2.1.0",
+  "uuid": "c69bcceb-d7d1-4e33-9623-e2a374a0a6b6",
+  "subMetas": {}
+}
--- a/frontend/assets/resources/animation/SoldierFireGhost/frameAnim/Idle1.anim
+++ b/frontend/assets/resources/animation/SoldierFireGhost/frameAnim/Idle1.anim
@@ -0,0 +1,432 @@
+{
+  "__type__": "cc.AnimationClip",
+  "_name": "Idle1",
+  "_objFlags": 0,
+  "_native": "",
+  "_duration": 1.1166666666666667,
+  "sample": 60,
+  "speed": 1,
+  "wrapMode": 2,
+  "curveData": {
+    "comps": {
+      "cc.Sprite": {
+        "spriteFrame": [
+          {
+            "frame": 0,
+            "value": {
+              "__uuid__": "91bba749-7338-4bdc-b9a2-0450a183378f"
+            }
+          },
+          {
+            "frame": 0.016666666666666666,
+            "value": {
+              "__uuid__": "31b10e1f-7433-4c0d-b9a7-576adc0cdb51"
+            }
+          },
+          {
+            "frame": 0.03333333333333333,
+            "value": {
+              "__uuid__": "80d4afc7-d21a-4eec-ab5e-ec833e1e905b"
+            }
+          },
+          {
+            "frame": 0.05,
+            "value": {
+              "__uuid__": "d75070b5-3dbe-4d77-886e-8851f31e8ac8"
+            }
+          },
+          {
+            "frame": 0.06666666666666667,
+            "value": {
+              "__uuid__": "a30e880e-1ff1-434d-bdbc-a3a2e0de671b"
+            }
+          },
+          {
+            "frame": 0.08333333333333333,
+            "value": {
+              "__uuid__": "87cec524-adf7-48a6-af37-b1bae14b9317"
+            }
+          },
+          {
+            "frame": 0.1,
+            "value": {
+              "__uuid__": "d415a590-b4bf-4590-834a-b075705e063a"
+            }
+          },
+          {
+            "frame": 0.11666666666666667,
+            "value": {
+              "__uuid__": "e8b7eb99-0b52-4f01-8dd3-6c1ff23a8552"
+            }
+          },
+          {
+            "frame": 0.13333333333333333,
+            "value": {
+              "__uuid__": "599c03fd-c5f1-45b1-9cd8-0164f8e82fe0"
+            }
+          },
+          {
+            "frame": 0.15,
+            "value": {
+              "__uuid__": "0f71de95-9947-40da-929f-dd25bf43884e"
+            }
+          },
+          {
+            "frame": 0.16666666666666666,
+            "value": {
+              "__uuid__": "99980a57-3af2-4c23-84b8-87759ee79e10"
+            }
+          },
+          {
+            "frame": 0.18333333333333332,
+            "value": {
+              "__uuid__": "ab001dd3-587c-4a23-adbc-5f0d3eedccaf"
+            }
+          },
+          {
+            "frame": 0.2,
+            "value": {
+              "__uuid__": "9869ec96-1c78-482e-bff8-95d0b064d0f6"
+            }
+          },
+          {
+            "frame": 0.21666666666666667,
+            "value": {
+              "__uuid__": "0863d34e-0116-4134-b17e-32dae8f1589f"
+            }
+          },
+          {
+            "frame": 0.23333333333333334,
+            "value": {
+              "__uuid__": "10454569-56bb-4721-9a94-49015f5e11cc"
+            }
+          },
+          {
+            "frame": 0.25,
+            "value": {
+              "__uuid__": "b13c9ee9-a497-43b3-9b54-83250bc62cc6"
+            }
+          },
+          {
+            "frame": 0.26666666666666666,
+            "value": {
+              "__uuid__": "80e898d9-10a9-4817-988c-7571744173e7"
+            }
+          },
+          {
+            "frame": 0.2833333333333333,
+            "value": {
+              "__uuid__": "0e4e927d-0c67-43a1-aade-a6b5ea3fe498"
+            }
+          },
+          {
+            "frame": 0.3,
+            "value": {
+              "__uuid__": "6c327da9-60a2-4b63-89ca-05e7bb9b8c5f"
+            }
+          },
+          {
+            "frame": 0.31666666666666665,
+            "value": {
+              "__uuid__": "9e71217f-0580-481e-b2ea-8886eb7cf492"
+            }
+          },
+          {
+            "frame": 0.3333333333333333,
+            "value": {
+              "__uuid__": "ed851c4e-6a42-4643-8d50-1bac3d55b1ac"
+            }
+          },
+          {
+            "frame": 0.35,
+            "value": {
+              "__uuid__": "3a4738ba-bf3c-47cf-98f7-7e68aba0c96c"
+            }
+          },
+          {
+            "frame": 0.36666666666666664,
+            "value": {
+              "__uuid__": "d035e717-c8ab-4cdc-b59f-c61c9e85990a"
+            }
+          },
+          {
+            "frame": 0.38333333333333336,
+            "value": {
+              "__uuid__": "4bf6ea06-54bf-4c25-87f7-c7d9dca56fab"
+            }
+          },
+          {
+            "frame": 0.4,
+            "value": {
+              "__uuid__": "a4b324b1-1191-43ee-ac76-a4536d1dbac7"
+            }
+          },
+          {
+            "frame": 0.4166666666666667,
+            "value": {
+              "__uuid__": "4e2ac5fa-1c68-4cbd-80e6-a94af579796d"
+            }
+          },
+          {
+            "frame": 0.43333333333333335,
+            "value": {
+              "__uuid__": "64cd0353-429a-4a47-a6fc-b0f12e565e94"
+            }
+          },
+          {
+            "frame": 0.45,
+            "value": {
+              "__uuid__": "3fa0ae73-f8f8-455f-82c3-24a428379e95"
+            }
+          },
+          {
+            "frame": 0.4666666666666667,
+            "value": {
+              "__uuid__": "a4679596-56d5-44f2-a349-7579ad7fbe33"
+            }
+          },
+          {
+            "frame": 0.48333333333333334,
+            "value": {
+              "__uuid__": "3293d474-dfb3-412a-aca1-ce76f70a2181"
+            }
+          },
+          {
+            "frame": 0.5,
+            "value": {
+              "__uuid__": "9794aec3-5e18-4df4-bae2-296f7c5ed935"
+            }
+          },
+          {
+            "frame": 0.5166666666666667,
+            "value": {
+              "__uuid__": "4373d7b7-ea22-4ba2-a6df-c0672d4310a2"
+            }
+          },
+          {
+            "frame": 0.5333333333333333,
+            "value": {
+              "__uuid__": "89b6617e-2131-4bc6-840a-048af7944bb8"
+            }
+          },
+          {
+            "frame": 0.55,
+            "value": {
+              "__uuid__": "9c267a7b-ab24-49b4-a2f3-26d885799f23"
+            }
+          },
+          {
+            "frame": 0.5666666666666667,
+            "value": {
+              "__uuid__": "df3255ea-00af-47c2-9deb-4ccd27a62706"
+            }
+          },
+          {
+            "frame": 0.5833333333333334,
+            "value": {
+              "__uuid__": "e15242c9-29ba-411a-a93f-dddad5613956"
+            }
+          },
+          {
+            "frame": 0.6,
+            "value": {
+              "__uuid__": "ef3f8029-d5cc-4024-95ca-1f2aa062a0d5"
+            }
+          },
+          {
+            "frame": 0.6166666666666667,
+            "value": {
+              "__uuid__": "7b48f205-a1e8-4233-8c72-11ae9c0ccea7"
+            }
+          },
+          {
+            "frame": 0.6333333333333333,
+            "value": {
+              "__uuid__": "ffc69bce-fd84-42d8-b8c9-fe05e6c7fa03"
+            }
+          },
+          {
+            "frame": 0.65,
+            "value": {
+              "__uuid__": "81805795-ab34-47c1-ab45-57f54d28e72f"
+            }
+          },
+          {
+            "frame": 0.6666666666666666,
+            "value": {
+              "__uuid__": "adae26a6-7991-4583-966c-4364ba35474d"
+            }
+          },
+          {
+            "frame": 0.6833333333333333,
+            "value": {
+              "__uuid__": "ab51a779-10b7-4039-ac45-6ada002e702f"
+            }
+          },
+          {
+            "frame": 0.7,
+            "value": {
+              "__uuid__": "173d4746-0af5-40ae-a472-ba6406c700dc"
+            }
+          },
+          {
+            "frame": 0.7166666666666667,
+            "value": {
+              "__uuid__": "4054d644-4b5c-473d-ad2c-1c1eb06b01d7"
+            }
+          },
+          {
+            "frame": 0.7333333333333333,
+            "value": {
+              "__uuid__": "0f55009f-71dc-4e70-8152-7dbc2a16a17c"
+            }
+          },
+          {
+            "frame": 0.75,
+            "value": {
+              "__uuid__": "d273f52f-4ec1-4ccf-8820-92879682213e"
+            }
+          },
+          {
+            "frame": 0.7666666666666667,
+            "value": {
+              "__uuid__": "37c2f336-a3c8-4b46-8031-d48c3f36c675"
+            }
+          },
+          {
+            "frame": 0.7833333333333333,
+            "value": {
+              "__uuid__": "8cee57cb-5e79-4fe9-8368-745b38a37021"
+            }
+          },
+          {
+            "frame": 0.8,
+            "value": {
+              "__uuid__": "4e67aa7d-d6a6-405b-99c4-ef5be609fdf4"
+            }
+          },
+          {
+            "frame": 0.8166666666666667,
+            "value": {
+              "__uuid__": "b0b7fc1a-f42a-4977-bfef-93841bdfa2f8"
+            }
+          },
+          {
+            "frame": 0.8333333333333334,
+            "value": {
+              "__uuid__": "352bbb78-d87c-425d-b39e-a401432f0070"
+            }
+          },
+          {
+            "frame": 0.85,
+            "value": {
+              "__uuid__": "9aaadf6a-808f-44f4-b7a8-392138851168"
+            }
+          },
+          {
+            "frame": 0.8666666666666667,
+            "value": {
+              "__uuid__": "a319abd0-a689-400c-8f2a-94ccc70e50f9"
+            }
+          },
+          {
+            "frame": 0.8833333333333333,
+            "value": {
+              "__uuid__": "2efd4c0f-10c1-41be-81b5-40b3d10cb863"
+            }
+          },
+          {
+            "frame": 0.9,
+            "value": {
+              "__uuid__": "8b94f28d-7da8-4e83-a9d6-46072b24a847"
+            }
+          },
+          {
+            "frame": 0.9166666666666666,
+            "value": {
+              "__uuid__": "1f153a21-9a57-4bf7-a7bb-fa2a2e3b9484"
+            }
+          },
+          {
+            "frame": 0.9333333333333333,
+            "value": {
+              "__uuid__": "2d3ad677-51b8-4d53-924c-dea3f66f0510"
+            }
+          },
+          {
+            "frame": 0.95,
+            "value": {
+              "__uuid__": "68aabf9d-5b21-4405-b92d-18a837895c37"
+            }
+          },
+          {
+            "frame": 0.9666666666666667,
+            "value": {
+              "__uuid__": "cb893520-96b5-4ce4-a9dd-90ca4eac1882"
+            }
+          },
+          {
+            "frame": 0.9833333333333333,
+            "value": {
+              "__uuid__": "498ee98f-7211-4495-99fe-662aee098217"
+            }
+          },
+          {
+            "frame": 1,
+            "value": {
+              "__uuid__": "da05be2e-e07f-4081-a99d-9c1b1459b862"
+            }
+          },
+          {
+            "frame": 1.0166666666666666,
+            "value": {
+              "__uuid__": "46e64686-1071-4db2-8f3d-4a0a00dc8e10"
+            }
+          },
+          {
+            "frame": 1.0333333333333334,
+            "value": {
+              "__uuid__": "5a082e4d-d615-411f-880e-b03bda363cea"
+            }
+          },
+          {
+            "frame": 1.05,
+            "value": {
+              "__uuid__": "6d582b00-b973-4397-8866-32f531d4366e"
+            }
+          },
+          {
+            "frame": 1.0666666666666667,
+            "value": {
+              "__uuid__": "1de67f2c-e9ea-438d-8f30-b7c40159bc92"
+            }
+          },
+          {
+            "frame": 1.0833333333333333,
+            "value": {
+              "__uuid__": "6e98330a-9709-44e1-8704-aa6430bd8236"
+            }
+          },
+          {
+            "frame": 1.1,
+            "value": {
+              "__uuid__": "b2557433-9168-4b78-a9ac-78b33633b1d8"
+            }
+          }
+        ]
+      }
+    }
+  },
+  "events": [
+    {
+      "frame": 0,
+      "func": "",
+      "params": []
+    },
+    {
+      "frame": 0,
+      "func": "",
+      "params": []
+    }
+  ]
+}
--- a/frontend/assets/resources/animation/SoldierFireGhost/frameAnim/Idle1.anim.meta
+++ b/frontend/assets/resources/animation/SoldierFireGhost/frameAnim/Idle1.anim.meta
@@ -0,0 +1,5 @@
+{
+  "ver": "2.1.0",
+  "uuid": "252b321f-81f4-485c-85bd-ea44d298cb76",
+  "subMetas": {}
+}
--- a/frontend/assets/resources/animation/SoldierFireGhost/frameAnim/InAirIdle1.anim
+++ b/frontend/assets/resources/animation/SoldierFireGhost/frameAnim/InAirIdle1.anim
@@ -0,0 +1,205 @@
+{
+  "__type__": "cc.AnimationClip",
+  "_name": "InAirIdle1",
+  "_objFlags": 0,
+  "_native": "",
+  "_duration": 0.5166666666666667,
+  "sample": 60,
+  "speed": 1,
+  "wrapMode": 2,
+  "curveData": {
+    "comps": {
+      "cc.Sprite": {
+        "spriteFrame": [
+          {
+            "frame": 0,
+            "value": {
+              "__uuid__": "dd02916e-9ac8-4fe7-a944-d6082eb9007a"
+            }
+          },
+          {
+            "frame": 0.016666666666666666,
+            "value": {
+              "__uuid__": "1906b14b-f3a2-4dc9-9e0d-99e3b334e67b"
+            }
+          },
+          {
+            "frame": 0.03333333333333333,
+            "value": {
+              "__uuid__": "1b4f284c-be67-403b-9f5d-59aa641d3c92"
+            }
+          },
+          {
+            "frame": 0.05,
+            "value": {
+              "__uuid__": "6feb197e-2013-48fd-bbbb-3d2809cb1d63"
+            }
+          },
+          {
+            "frame": 0.06666666666666667,
+            "value": {
+              "__uuid__": "2db4e807-a5d2-4c09-b033-a0ae97e5d0bf"
+            }
+          },
+          {
+            "frame": 0.08333333333333333,
+            "value": {
+              "__uuid__": "73958a6b-31a7-4bb8-babd-1aefba55a793"
+            }
+          },
+          {
+            "frame": 0.1,
+            "value": {
+              "__uuid__": "9545ca77-8002-4ad1-a91e-1e343cdf0e0b"
+            }
+          },
+          {
+            "frame": 0.11666666666666667,
+            "value": {
+              "__uuid__": "581e4c15-9de3-4b72-a91a-2e82ac6b092c"
+            }
+          },
+          {
+            "frame": 0.13333333333333333,
+            "value": {
+              "__uuid__": "4af94082-f36b-4b9e-9077-bd458fd0b188"
+            }
+          },
+          {
+            "frame": 0.15,
+            "value": {
+              "__uuid__": "5463290d-7b25-4625-8be5-1a16dbe3bd83"
+            }
+          },
+          {
+            "frame": 0.16666666666666666,
+            "value": {
+              "__uuid__": "e507775a-1009-47a8-b1a8-8ade0104e4c2"
+            }
+          },
+          {
+            "frame": 0.18333333333333332,
+            "value": {
+              "__uuid__": "6583a9e1-92fb-4db2-9437-9d2b26bc5920"
+            }
+          },
+          {
+            "frame": 0.2,
+            "value": {
+              "__uuid__": "b07e2da2-d1f2-4ec8-acdf-92706d0be9e0"
+            }
+          },
+          {
+            "frame": 0.21666666666666667,
+            "value": {
+              "__uuid__": "dd60bf4f-6b5f-4385-9e46-1e49e6a7cfbe"
+            }
+          },
+          {
+            "frame": 0.23333333333333334,
+            "value": {
+              "__uuid__": "46811e43-c874-41d5-8799-6fafc904cd5a"
+            }
+          },
+          {
+            "frame": 0.25,
+            "value": {
+              "__uuid__": "0a370e7e-e25f-4faf-9a76-73b246338a4d"
+            }
+          },
+          {
+            "frame": 0.26666666666666666,
+            "value": {
+              "__uuid__": "1f003135-e929-4a05-9029-76e7cb8c76ef"
+            }
+          },
+          {
+            "frame": 0.2833333333333333,
+            "value": {
+              "__uuid__": "b78015ba-98e4-4ccd-9852-a7ec053a0ba4"
+            }
+          },
+          {
+            "frame": 0.3,
+            "value": {
+              "__uuid__": "0589abef-dc0d-4d33-a084-25b273ca1368"
+            }
+          },
+          {
+            "frame": 0.31666666666666665,
+            "value": {
+              "__uuid__": "20542755-bbfa-43cd-b593-e73d121b5ed6"
+            }
+          },
+          {
+            "frame": 0.3333333333333333,
+            "value": {
+              "__uuid__": "5d5ac5af-3da7-4b22-9183-5885736e2ca7"
+            }
+          },
+          {
+            "frame": 0.35,
+            "value": {
+              "__uuid__": "47bbe2a2-a983-4aca-8a3e-6cd6df5eee03"
+            }
+          },
+          {
+            "frame": 0.36666666666666664,
+            "value": {
+              "__uuid__": "6d3fb572-d6af-4b7e-9350-9ff482569127"
+            }
+          },
+          {
+            "frame": 0.38333333333333336,
+            "value": {
+              "__uuid__": "573cfba0-4534-4886-849a-61f4f2cbd349"
+            }
+          },
+          {
+            "frame": 0.4,
+            "value": {
+              "__uuid__": "0b4ebd8a-6316-4802-aa24-49ab08e6a75b"
+            }
+          },
+          {
+            "frame": 0.4166666666666667,
+            "value": {
+              "__uuid__": "5b7fff7b-5818-4be8-b65d-c212d15e6e71"
+            }
+          },
+          {
+            "frame": 0.43333333333333335,
+            "value": {
+              "__uuid__": "f964ec77-c016-44fa-8f55-3e59ae30283d"
+            }
+          },
+          {
+            "frame": 0.45,
+            "value": {
+              "__uuid__": "679a79eb-85c6-4445-8517-36465c57c6da"
+            }
+          },
+          {
+            "frame": 0.4666666666666667,
+            "value": {
+              "__uuid__": "8764bb9b-4b08-4bc5-b9e5-93af39321c70"
+            }
+          },
+          {
+            "frame": 0.48333333333333334,
+            "value": {
+              "__uuid__": "f291785e-2685-4ba0-b38b-9607972ce6f0"
+            }
+          },
+          {
+            "frame": 0.5,
+            "value": {
+              "__uuid__": "a4e84eb9-b866-4cdc-8925-a5d29c65aea5"
+            }
+          }
+        ]
+      }
+    }
+  },
+  "events": []
+}
--- a/frontend/assets/resources/animation/SoldierFireGhost/frameAnim/InAirIdle1.anim.meta
+++ b/frontend/assets/resources/animation/SoldierFireGhost/frameAnim/InAirIdle1.anim.meta
@@ -0,0 +1,5 @@
+{
+  "ver": "2.1.0",
+  "uuid": "43dbf141-be76-48c3-bdef-29233ccbe30d",
+  "subMetas": {}
+}
--- a/frontend/assets/resources/animation/SoldierFireGhost/frameAnim/SoldierFireGhost.plist
+++ b/frontend/assets/resources/animation/SoldierFireGhost/frameAnim/SoldierFireGhost.plist
--- a/frontend/assets/resources/animation/SoldierFireGhost/frameAnim/SoldierFireGhost.plist.meta
+++ b/frontend/assets/resources/animation/SoldierFireGhost/frameAnim/SoldierFireGhost.plist.meta
--- a/frontend/assets/resources/animation/SoldierFireGhost/frameAnim/SoldierFireGhost.png
+++ b/frontend/assets/resources/animation/SoldierFireGhost/frameAnim/SoldierFireGhost.png
--- a/frontend/assets/resources/animation/SoldierFireGhost/frameAnim/SoldierFireGhost.png.meta
+++ b/frontend/assets/resources/animation/SoldierFireGhost/frameAnim/SoldierFireGhost.png.meta
@@ -0,0 +1,12 @@
+{
+  "ver": "2.3.3",
+  "uuid": "143f86bf-12d1-4e83-bdb9-a80ccc8b57d2",
+  "type": "raw",
+  "wrapMode": "clamp",
+  "filterMode": "bilinear",
+  "premultiplyAlpha": false,
+  "genMipmaps": false,
+  "packable": true,
+  "platformSettings": {},
+  "subMetas": {}
+}
--- a/frontend/assets/resources/animation/SoldierFireGhost/frameAnim/Walking.anim
+++ b/frontend/assets/resources/animation/SoldierFireGhost/frameAnim/Walking.anim
@@ -0,0 +1,385 @@
+{
+  "__type__": "cc.AnimationClip",
+  "_name": "Walking",
+  "_objFlags": 0,
+  "_native": "",
+  "_duration": 1.0166666666666666,
+  "sample": 60,
+  "speed": 1,
+  "wrapMode": 2,
+  "curveData": {
+    "comps": {
+      "cc.Sprite": {
+        "spriteFrame": [
+          {
+            "frame": 0,
+            "value": {
+              "__uuid__": "5a9af6ac-cccc-4964-90a1-7136468d64ae"
+            }
+          },
+          {
+            "frame": 0.016666666666666666,
+            "value": {
+              "__uuid__": "e62f3718-263c-4a93-8405-55aca440180f"
+            }
+          },
+          {
+            "frame": 0.03333333333333333,
+            "value": {
+              "__uuid__": "700a3fef-00d2-437a-a323-cc79802d76f5"
+            }
+          },
+          {
+            "frame": 0.05,
+            "value": {
+              "__uuid__": "bf8ce5ef-5171-45ab-97dd-8c9da2dbcd5a"
+            }
+          },
+          {
+            "frame": 0.06666666666666667,
+            "value": {
+              "__uuid__": "0894f61a-e4a0-458d-890e-aa3d60e4bf4f"
+            }
+          },
+          {
+            "frame": 0.08333333333333333,
+            "value": {
+              "__uuid__": "1995a986-6421-427c-92fe-4e3bae551e67"
+            }
+          },
+          {
+            "frame": 0.1,
+            "value": {
+              "__uuid__": "4ca1ce37-410d-4437-8b7a-498292e74bc6"
+            }
+          },
+          {
+            "frame": 0.11666666666666667,
+            "value": {
+              "__uuid__": "1e23a398-6051-4a69-a71d-7ea4909da77e"
+            }
+          },
+          {
+            "frame": 0.13333333333333333,
+            "value": {
+              "__uuid__": "ef18849a-0d4d-4bfe-a707-073958511ca6"
+            }
+          },
+          {
+            "frame": 0.15,
+            "value": {
+              "__uuid__": "f217d368-9fc9-48cd-b635-059a7bc472a4"
+            }
+          },
+          {
+            "frame": 0.16666666666666666,
+            "value": {
+              "__uuid__": "b312cebf-3945-40c7-a367-3bc1d6689109"
+            }
+          },
+          {
+            "frame": 0.18333333333333332,
+            "value": {
+              "__uuid__": "476ddde6-8fd9-40cc-a789-0a08ebff5352"
+            }
+          },
+          {
+            "frame": 0.2,
+            "value": {
+              "__uuid__": "b27f06dc-217d-4b68-a747-4c1d3c27151f"
+            }
+          },
+          {
+            "frame": 0.21666666666666667,
+            "value": {
+              "__uuid__": "83d15d82-f23d-40c4-b4ef-da4ce6964fc9"
+            }
+          },
+          {
+            "frame": 0.23333333333333334,
+            "value": {
+              "__uuid__": "7cc81715-c432-4ee2-bf67-a77a4dadcd89"
+            }
+          },
+          {
+            "frame": 0.25,
+            "value": {
+              "__uuid__": "463ae409-a045-40d1-ac44-1f2aac439065"
+            }
+          },
+          {
+            "frame": 0.26666666666666666,
+            "value": {
+              "__uuid__": "84e68a5e-f23b-4570-ac4f-d85f1eba292c"
+            }
+          },
+          {
+            "frame": 0.2833333333333333,
+            "value": {
+              "__uuid__": "ce73c3ce-b543-4f9b-892c-27b76a9c84dc"
+            }
+          },
+          {
+            "frame": 0.3,
+            "value": {
+              "__uuid__": "25280250-fab5-464c-b26e-1a5f1733aa09"
+            }
+          },
+          {
+            "frame": 0.31666666666666665,
+            "value": {
+              "__uuid__": "abf595ad-a861-482c-8f5a-43f243516a5b"
+            }
+          },
+          {
+            "frame": 0.3333333333333333,
+            "value": {
+              "__uuid__": "238ce540-4c4a-41c0-967c-32218e3dfd3c"
+            }
+          },
+          {
+            "frame": 0.35,
+            "value": {
+              "__uuid__": "0a3f1bbf-788b-4d78-b737-2ec5364fe5a4"
+            }
+          },
+          {
+            "frame": 0.36666666666666664,
+            "value": {
+              "__uuid__": "c6397500-a2d9-4d68-b874-299bbc4a2173"
+            }
+          },
+          {
+            "frame": 0.38333333333333336,
+            "value": {
+              "__uuid__": "914aeb36-e7ab-4676-8016-8cf3a4fef6c6"
+            }
+          },
+          {
+            "frame": 0.4,
+            "value": {
+              "__uuid__": "1c7a050e-c52b-4402-911d-bc2d9ffed627"
+            }
+          },
+          {
+            "frame": 0.4166666666666667,
+            "value": {
+              "__uuid__": "74eaaf1d-5de5-411d-86d4-839022712426"
+            }
+          },
+          {
+            "frame": 0.43333333333333335,
+            "value": {
+              "__uuid__": "b42fe407-2c81-4960-a697-0125815e1bc7"
+            }
+          },
+          {
+            "frame": 0.45,
+            "value": {
+              "__uuid__": "9395f625-e627-4a0a-85cb-05f9b3a99d48"
+            }
+          },
+          {
+            "frame": 0.4666666666666667,
+            "value": {
+              "__uuid__": "5805ad62-293f-4d81-ad59-ac290ba2e2d3"
+            }
+          },
+          {
+            "frame": 0.48333333333333334,
+            "value": {
+              "__uuid__": "9c79bea6-dc45-4113-ace8-c7145cc889db"
+            }
+          },
+          {
+            "frame": 0.5,
+            "value": {
+              "__uuid__": "cabc4d77-a49d-4c43-9144-01c5283fe206"
+            }
+          },
+          {
+            "frame": 0.5166666666666667,
+            "value": {
+              "__uuid__": "0514d19b-a3ad-478d-99da-fa91190148b7"
+            }
+          },
+          {
+            "frame": 0.5333333333333333,
+            "value": {
+              "__uuid__": "57646810-7598-4723-b12f-5e15e8299aaa"
+            }
+          },
+          {
+            "frame": 0.55,
+            "value": {
+              "__uuid__": "65e5cbd3-15f3-4526-a347-db55ac24bf51"
+            }
+          },
+          {
+            "frame": 0.5666666666666667,
+            "value": {
+              "__uuid__": "1555d6f4-1bdf-4b64-99b2-bb13195257f4"
+            }
+          },
+          {
+            "frame": 0.5833333333333334,
+            "value": {
+              "__uuid__": "843e335d-fdb6-4a23-9949-3c81d977fb21"
+            }
+          },
+          {
+            "frame": 0.6,
+            "value": {
+              "__uuid__": "781f66e7-dd7f-4ff5-a38e-9423762b4b52"
+            }
+          },
+          {
+            "frame": 0.6166666666666667,
+            "value": {
+              "__uuid__": "ef990cae-899c-451f-91fd-7a42ac949534"
+            }
+          },
+          {
+            "frame": 0.6333333333333333,
+            "value": {
+              "__uuid__": "a2df488a-e91b-46b0-8c25-2ba8551ab539"
+            }
+          },
+          {
+            "frame": 0.65,
+            "value": {
+              "__uuid__": "6650a6e0-6ddd-42ec-af68-1a1a032e19b5"
+            }
+          },
+          {
+            "frame": 0.6666666666666666,
+            "value": {
+              "__uuid__": "9a54c669-7f7d-41e4-8939-1853967d0dbf"
+            }
+          },
+          {
+            "frame": 0.6833333333333333,
+            "value": {
+              "__uuid__": "da04432e-3845-465b-9ddf-ce2bd7c7174e"
+            }
+          },
+          {
+            "frame": 0.7,
+            "value": {
+              "__uuid__": "aa7a792d-22dc-4d28-8d27-52ddfcd8d147"
+            }
+          },
+          {
+            "frame": 0.7166666666666667,
+            "value": {
+              "__uuid__": "ceb00ecc-d391-4b19-b9d6-e53792590c46"
+            }
+          },
+          {
+            "frame": 0.7333333333333333,
+            "value": {
+              "__uuid__": "33b3fa05-9894-4393-b9ce-f819c5818bf3"
+            }
+          },
+          {
+            "frame": 0.75,
+            "value": {
+              "__uuid__": "972cc5ec-ca1c-4127-8e21-f339df92a4fd"
+            }
+          },
+          {
+            "frame": 0.7666666666666667,
+            "value": {
+              "__uuid__": "3874c9de-2b47-4327-b4f8-c61d3896cefe"
+            }
+          },
+          {
+            "frame": 0.7833333333333333,
+            "value": {
+              "__uuid__": "4a6f08e6-7f96-4451-8f71-7bee8cd63cf2"
+            }
+          },
+          {
+            "frame": 0.8,
+            "value": {
+              "__uuid__": "256f3d2b-4cb9-4523-bf7a-c48380e249bb"
+            }
+          },
+          {
+            "frame": 0.8166666666666667,
+            "value": {
+              "__uuid__": "4c40c070-9cba-44f9-acd6-2408f569f21c"
+            }
+          },
+          {
+            "frame": 0.8333333333333334,
+            "value": {
+              "__uuid__": "454bfff4-b8a1-4f90-b708-bbf295b99498"
+            }
+          },
+          {
+            "frame": 0.85,
+            "value": {
+              "__uuid__": "f0288374-f487-4870-b921-8baf851bb865"
+            }
+          },
+          {
+            "frame": 0.8666666666666667,
+            "value": {
+              "__uuid__": "2fd06c6a-c3de-4b7f-bef7-1cba61c9909c"
+            }
+          },
+          {
+            "frame": 0.8833333333333333,
+            "value": {
+              "__uuid__": "d4d08680-1b77-4b44-92bd-be27c03747fa"
+            }
+          },
+          {
+            "frame": 0.9,
+            "value": {
+              "__uuid__": "5a85b0ce-7a4e-4d84-b4fb-089cdff45265"
+            }
+          },
+          {
+            "frame": 0.9166666666666666,
+            "value": {
+              "__uuid__": "ac515982-6ac2-462c-b186-c4468b489e39"
+            }
+          },
+          {
+            "frame": 0.9333333333333333,
+            "value": {
+              "__uuid__": "92571718-c75c-4c09-9aac-b1b043bb70a7"
+            }
+          },
+          {
+            "frame": 0.95,
+            "value": {
+              "__uuid__": "a248383c-2cf6-487e-8941-a05f6c08bc60"
+            }
+          },
+          {
+            "frame": 0.9666666666666667,
+            "value": {
+              "__uuid__": "c4f035dc-a01e-4b8e-a1b7-f4faf9515e99"
+            }
+          },
+          {
+            "frame": 0.9833333333333333,
+            "value": {
+              "__uuid__": "a6f9c9b4-1129-4b6a-b4c3-2a3d425c746a"
+            }
+          },
+          {
+            "frame": 1,
+            "value": {
+              "__uuid__": "d99d68fa-73c7-4057-98ec-9aa45864c050"
+            }
+          }
+        ]
+      }
+    }
+  },
+  "events": []
+}
--- a/frontend/assets/resources/animation/SoldierFireGhost/frameAnim/Walking.anim.meta
+++ b/frontend/assets/resources/animation/SoldierFireGhost/frameAnim/Walking.anim.meta
@@ -0,0 +1,5 @@
+{
+  "ver": "2.1.0",
+  "uuid": "f51bb583-0010-48f3-a6a1-451a78ac2d65",
+  "subMetas": {}
+}
--- a/frontend/assets/resources/map/dungeon/map.tmx
+++ b/frontend/assets/resources/map/dungeon/map.tmx
@@ -1,18 +1,18 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<map version="1.2" tiledversion="1.2.3" orientation="orthogonal" renderorder="right-down" width="128" height="128" tilewidth="16" tileheight="16" infinite="0" nextlayerid="3" nextobjectid="39">
+<map version="1.2" tiledversion="1.2.3" orientation="orthogonal" renderorder="right-down" width="128" height="128" tilewidth="16" tileheight="16" infinite="0" nextlayerid="3" nextobjectid="87">
 <tileset firstgid="1" source="tiles0.tsx"/>
 <tileset firstgid="65" source="tiles1.tsx"/>
 <tileset firstgid="129" source="tiles2.tsx"/>
 <layer id="2" name="Ground" width="128" height="128">
  <data encoding="base64" compression="zlib">
-   eJzt2q1u22AYhuEo1UhBtYFWKh/bmRRMRYNFPZPxwcKi7jznSInkWk7teG5ex88FLhQD570d5/PP1WazuQIAAAAAAAAAAAAAAAAAgAmu96r3g/N5bjn0fw5U3aGy/3bv0P+p8XDEdoX0f9//GP3Xp93/YaD/9QJa6f95/fvov26773671zeb7jmhupX+5+2fQH/9qztU9v8yQXUz/fXXX3/9a/ovgf7666+//vrrf1n9/4zc7tue/uvq/9Z4PfLZ7vnz38ZP/cv7T53p4Z7i7/+kv/7667/bl/sO/dff/77T3+9ff/3r+38dMGf/Nv1r+w917+v/0vh1okN/67/l9B/b/nFj/X8pxvYf236r/0UZ6t/X+Efj5kj7bv+uxxPpX9e/r/1NS7f7Z/S/a3zXfzH9Pzrvt/vPTf/l9p+yRjyV/ufvP+YY6M5yzr5D5uy/XUCLJfafa8YfmdJe//X0r6Z/9jGgv/7661/doqp/9fyrpV//Vc+/mv7Z9M+mfzb9s+mfTf9s+mfTP5v+2fTPpn82/bPpn03/bPpn0z+b/tn0z6Z/Nv2z6Z/N+9/Z9M+mfzb//9n0z6Z/Nv2z6Z9N/2z6Z9M/m/7Z0vtT3wEAAAAAAAAAAAAAAAA4v39IY4NC
+   eJzt3DFq3EAUgOFlTRoXJiEkkNQpAr5EyuDKVdKl8k1yh9wg94wMK1DEaqXVjvRGel/xgXFh7PnfSBqx+O5wONwBAAAAAAAAAAAAAAAAAMAM9yfRvwfreelo+78kFN0hsv/xpO3/q/E04LhD+v/ff4j++9Pt/zTS/76CVvov1/8c/fft9W//cHJubfrXhOhW+q/bPwP99Y/uENn//QzRzfSP7b+nGdBf/+gOW+xfE/1z9rf/c/cvMQP6b5f9r7/+efuXmAH9y69t+07x942W3vv666//Nvp/OtE/T/9u7+7X+uuvf1z/tyNK9u/SP7b/WPdz/f80flyp7e/5r57+U9s/Hzz/b8XU/lPbH/XflLH+5xo/Nh4G2vf79z1fSf+4/ufaP3T0uy/R/2Pji/7V9L903e/2L03/evvPeUa8lv7r958yA/21LNl3TMn+xwpa1Ni/1BpfMqe9/vvpf82MLPGz9d/GDCxF/9wzoL/+mftHr3+07Oe/6PWPpn9u+uemf27656Z/bvrnpn9u+uemf27656Z/bvrnpn9u+uemf276z7eHzwnpX0//dyPeDNB/H/3t/7r77/Fzovrnpv+6hu7tkf2PFbSouf/Pk/71vv1+9B7Wf9n+l+75+m/XlP5DZ65XY+e1yOv6Nf2jO9Tav+389Qa3ns/1j93/tyrxjkb/5fqXfp821L/WGcjef63936rtPZH+6/ZvZyDq/73oP96/5PP8pfPDEP3r2f+3zsGc/mveJ/SfZu4cfJ7Z/2/ju/7V9J+r6f9tbv/WknOQvT/xHQAAAAAAAAAAAAAAAID1/QPUuKyX
  </data>
 </layer>
 <objectgroup id="1" name="PlayerStartingPos">
-  <object id="135" x="1090" y="833.667">
+  <object id="135" x="1010" y="1432">
   <point/>
  </object>
-  <object id="137" x="1215" y="830.5">
+  <object id="137" x="950" y="1432">
   <point/>
  </object>
 </objectgroup>
@@ -20,149 +20,112 @@
  <properties>
   <property name="type" value="barrier_and_shelter"/>
  </properties>
-  <object id="8" x="648.242" y="480.606">
+  <object id="54" x="656" y="1504" width="80" height="16">
   <properties>
    <property name="boundary_type" value="barrier"/>
   </properties>
-   <polyline points="0,0 0,18.6667 1041.33,21.3333 1041.33,-1.33333"/>
  </object>
-  <object id="9" x="650.667" y="1604.67">
+  <object id="55" x="735" y="1552" width="113.5" height="15.5">
   <properties>
    <property name="boundary_type" value="barrier"/>
   </properties>
-   <polyline points="0,0 0,18.6667 1041.33,21.3333 1041.33,-1.33333"/>
  </object>
-  <object id="10" x="634.485" y="505.455">
+  <object id="57" x="768" y="1472" width="32" height="16">
   <properties>
    <property name="boundary_type" value="barrier"/>
   </properties>
-   <polyline points="0,0 4,1110 24,1110 24,-8"/>
  </object>
-  <object id="11" x="1677.64" y="501.333">
+  <object id="58" x="1040" y="1536" width="80" height="16">
   <properties>
    <property name="boundary_type" value="barrier"/>
   </properties>
-   <polyline points="0,0 4,1110 24,1110 24,-8"/>
  </object>
-  <object id="14" x="688.667" y="464">
+  <object id="59" x="1040" y="1568" width="224" height="48">
   <properties>
    <property name="boundary_type" value="barrier"/>
   </properties>
-   <polyline points="0,0 -0.666667,78 33.3333,78 32,-0.666667"/>
  </object>
-  <object id="15" x="833.333" y="495.333">
+  <object id="60" x="1216" y="1344" width="224" height="16">
   <properties>
    <property name="boundary_type" value="barrier"/>
   </properties>
-   <polyline points="0,0 -112,1.33333 -111.333,44.6667 -1.33333,44.6667"/>
  </object>
-  <object id="17" x="832" y="574">
+  <object id="62" x="1040" y="1552" width="208" height="16">
   <properties>
    <property name="boundary_type" value="barrier"/>
   </properties>
-   <polyline points="0,0 -67.3333,0 -67.3333,-76.6667 0.666667,-76"/>
  </object>
-  <object id="18" x="865.333" y="606.667">
+  <object id="63" x="1040" y="1504" width="48" height="16">
   <properties>
    <property name="boundary_type" value="barrier"/>
   </properties>
-   <polyline points="0,0 -210,-0.666667 -210,143.333 0,142.667"/>
  </object>
-  <object id="19" x="754.667" y="1055.33">
+  <object id="64" x="1040" y="1520" width="64" height="16">
   <properties>
    <property name="boundary_type" value="barrier"/>
   </properties>
-   <polyline points="-2,1.33333 -100,0.666667 -97.3333,-454 -9.33333,-451.333"/>
  </object>
-  <object id="20" x="769.333" y="747.333">
+  <object id="65" x="1040" y="1488" width="32" height="16">
   <properties>
    <property name="boundary_type" value="barrier"/>
   </properties>
-   <polyline points="0,0 -115.333,0.666667 -114.667,160.667 -2,162"/>
  </object>
-  <object id="21" x="768" y="960.667">
+  <object id="66" x="1040" y="1472" width="16" height="16">
   <properties>
    <property name="boundary_type" value="barrier"/>
   </properties>
-   <polyline points="0,0 -18,0.666667 -18.6667,95.3333 0,95.3333"/>
  </object>
-  <object id="23" x="786" y="1058.67">
+  <object id="67" x="784" y="1456" width="256" height="16">
   <properties>
    <property name="boundary_type" value="barrier"/>
   </properties>
-   <polyline points="0,0 0,-52.6667 -20,-52 -19.3333,-1.33333"/>
  </object>
-  <object id="24" x="1118.67" y="749.333">
+  <object id="73" x="783.75" y="1567.5" width="96.25" height="15.5">
   <properties>
    <property name="boundary_type" value="barrier"/>
   </properties>
-   <polyline points="0,0 -0.666667,-94 -254,-93.3333 -256.667,1.33333"/>
  </object>
-  <object id="25" x="1168" y="975.333">
+  <object id="74" x="815.75" y="1583.75" width="96.25" height="15.5">
   <properties>
    <property name="boundary_type" value="barrier"/>
   </properties>
-   <polyline points="0,0 0,16.6667 224.667,17.3333 225.333,-2"/>
  </object>
-  <object id="28" x="1394.67" y="958">
+  <object id="79" x="640" y="1616" width="1056" height="16">
   <properties>
    <property name="boundary_type" value="barrier"/>
   </properties>
-   <polyline points="0,0 -210.667,1.33333 -210.667,17.3333 -2,18"/>
  </object>
-  <object id="29" x="1119" y="654.5">
+  <object id="80" x="1296" y="1600">
   <properties>
    <property name="boundary_type" value="barrier"/>
   </properties>
-   <polyline points="0,0 0,63.5 272.5,65 273,-1"/>
+   <polyline points="0,0 -32.5,0 -32.25,-16.5 -16.5,-16.5"/>
  </object>
-  <object id="30" x="1136.5" y="717.5">
+  <object id="82" x="1328" y="1616">
   <properties>
    <property name="boundary_type" value="barrier"/>
   </properties>
-   <polyline points="0,0 -0.5,17 255,17.5 255,1.5"/>
+   <polyline points="0,0 -64.5,0 -64.0038,-15.75 -16.4734,-15.75"/>
  </object>
-  <object id="31" x="1152" y="735.667">
+  <object id="83" x="640" y="480" width="1056" height="16">
   <properties>
    <property name="boundary_type" value="barrier"/>
   </properties>
-   <polyline points="0,0 0,15 80.3333,15.3333 80.3333,-2"/>
  </object>
-  <object id="32" x="1280.67" y="734.667">
+  <object id="84" x="640" y="480" width="16" height="1152">
   <properties>
    <property name="boundary_type" value="barrier"/>
   </properties>
-   <polyline points="0,0 -0.666667,64.3333 48,65 48,0"/>
  </object>
-  <object id="34" x="1329" y="783">
+  <object id="85" x="1680" y="480" width="16" height="1152">
   <properties>
    <property name="boundary_type" value="barrier"/>
   </properties>
-   <polyline points="0,0 63.3333,0.333333 63,-48.3333 -0.666667,-48.3333"/>
  </object>
-  <object id="35" x="1296.67" y="799">
+  <object id="86" x="1104" y="1408" width="96" height="16">
   <properties>
    <property name="boundary_type" value="barrier"/>
   </properties>
-   <polyline points="0,0 -0.666667,31.3333 31.3333,31.6667 31.3333,-0.333333"/>
-  </object>
-  <object id="36" x="1280" y="848">
-   <properties>
-    <property name="boundary_type" value="barrier"/>
-   </properties>
-   <polyline points="0,0 0.333333,62 112,63 111.667,-1.33333"/>
-  </object>
-  <object id="37" x="1392.33" y="911.333">
-   <properties>
-    <property name="boundary_type" value="barrier"/>
-   </properties>
-   <polyline points="0,0 -81.3333,-0.666667 -81,45 -0.666667,46.3333"/>
-  </object>
-  <object id="38" x="1344.33" y="800.667">
-   <properties>
-    <property name="boundary_type" value="barrier"/>
-   </properties>
-   <polyline points="0,0 0,46.3333 47,46.3333 47,-1"/>
  </object>
 </objectgroup>
 </map>
--- a/frontend/assets/resources/pbfiles/room_downsync_frame.proto
+++ b/frontend/assets/resources/pbfiles/room_downsync_frame.proto
@@ -9,28 +9,32 @@ message PlayerDownsync {
  int32 virtualGridX = 2; 
  int32 virtualGridY = 3; 
  int32 dirX = 4;
-  int32 dirY = 5;
-  int32 speed = 6; // in terms of virtual grid units
-  int32 battleState = 7;
-  int32 joinIndex = 8;
-  double colliderRadius = 9;
-  bool removed = 10;
-  int32 score = 11;
-  int32 lastMoveGmtMillis = 12;
-  int32 framesToRecover = 13;
-  int32 hp = 14;
-  int32 maxHp = 15;
-  int32 characterState = 16;
+  int32 dirY = 5; // "dirX" and "dirY" determines character facing  
+  int32 velX = 6; 
+  int32 velY = 7; // "velX" and "velY" is used to record the accumulated effect by accelerations (including gravity)
+  int32 speed = 8; // this is the instantaneous scalar attribute of a character, different from but will be accounted in "velX" and "velY" 
+  int32 battleState = 9;
+  int32 joinIndex = 10;
+  double colliderRadius = 11;
+  bool removed = 12;
+  int32 score = 13;
+  int32 lastMoveGmtMillis = 14;
+  int32 framesToRecover = 15;
+  int32 hp = 16;
+  int32 maxHp = 17;
+  int32 characterState = 18;
+  bool inAir = 19; // by design a standalone field only inferred by the collision result of "applyInputFrameDownsyncDynamicsOnSingleRenderFrame" instead of "characterState", because we need check the transition for "characterState" from this field, i.e. "inAir (prev -> curr)"  

-  string name = 17;
-  string displayName = 18;
-  string avatar = 19;
+  string name = 20;
+  string displayName = 21;
+  string avatar = 22;
 }

 message InputFrameDecoded {
  int32 dx = 1;
  int32 dy = 2;
  int32 btnALevel = 3;
+  int32 btnBLevel = 4;
 }

 message InputFrameUpsync {
@@ -68,6 +72,13 @@ message WsResp {
  BattleColliderInfo bciFrame = 6; 
 }

+message InputsBufferSnapshot {
+  int32 refRenderFrameId = 1;    
+  uint64 unconfirmedMask = 2;
+  repeated InputFrameDownsync toSendInputFrameDownsyncs = 3;
+  bool shouldForceResync = 4;
+}
+
 message MeleeBullet { 
  // Jargon reference https://www.thegamer.com/fighting-games-frame-data-explained/
  // ALL lengths are in world coordinate
@@ -127,6 +138,12 @@ message BattleColliderInfo {
  int32 renderCacheSize = 26;

  map<int32, MeleeBullet> meleeSkillConfig = 27; // skillId -> skill
+
+  double snapIntoPlatformOverlap = 28; 
+  double snapIntoPlatformThreshold = 29; 
+  int32 jumpingInitVelY = 30;
+  int32 gravityX = 31;
+  int32 gravityY = 32;
 }

 message RoomDownsyncFrame {
@@ -134,4 +151,6 @@ message RoomDownsyncFrame {
  map<int32, PlayerDownsync> players = 2;
  int64 countdownNanos = 3;
  repeated MeleeBullet meleeBullets = 4; // I don't know how to mimic inheritance/composition in protobuf by far, thus using an array for each type of bullet as a compromise 
+  uint64 backendUnconfirmedMask = 5; // Indexed by "joinIndex", same compression concern as stated in InputFrameDownsync
+  bool shouldForceResync = 6;
 }
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
genxium	8647c1a859	Enhanced force-resync mechanism to guarantee consistency across all players in a same room upon anyone reconnected.	2022-12-16 18:59:58 +08:00
genxium	a41c68fb13	Applied snapping on all-sides to avoid random zero-overlap detection uncertainty.	2022-12-16 15:57:49 +08:00
Wing	c5b26d716e	Merge pull request #15 from genxium/jumping_impl Added jumping sync.	2022-12-15 15:41:57 +08:00
genxium	1e0959c4cf	Updated README.	2022-12-15 15:40:08 +08:00
genxium	3e54670a1b	Updated ConcerningEdgeCases.md	2022-12-15 15:03:41 +08:00
genxium	b41b86bbd3	Fixes for bullet and anim offset.	2022-12-15 12:43:34 +08:00
genxium	db2bc0e3cd	Updated barrier boundaries and player collider paddings to feature almost-all-integer coordinates.	2022-12-15 11:22:17 +08:00
genxium	eedcf5c4dc	Temp broken commit.	2022-12-14 23:17:06 +08:00
genxium	c171ebc211	Draft version for jumping with backend sync.	2022-12-13 23:56:56 +08:00
genxium	5a463239bb	Temp broken commit, but it's working for OfflineMap.	2022-12-13 16:42:31 +08:00
genxium	5c06cfdbac	More preparations on backend to sync jumping.	2022-12-12 19:11:59 +08:00
genxium	7985a242fd	Updated OfflineMap position loading.	2022-12-12 16:42:11 +08:00
genxium	bef1df48aa	Prepared backend for jumping sync.	2022-12-11 20:09:06 +08:00
genxium	8d989d543a	Improved offline map for code abstraction and testing.	2022-12-11 17:26:55 +08:00
genxium	849ce34fe5	Added debug drawing for OfflineMap.	2022-12-11 12:20:42 +08:00
genxium	195a400dc2	Minor fix.	2022-12-10 18:12:20 +08:00
genxium	66dfcaa0f5	Fixes for platform snapping.	2022-12-10 12:47:02 +08:00
genxium	9917a62526	Drafted basic jumping.	2022-12-10 00:07:03 +08:00
genxium	62e50f8b6c	Drafted use of gravity.	2022-12-09 17:22:04 +08:00
genxium	dc66be1599	Improved use of backend ConvertToLastUsedRenderFrameId.	2022-12-06 20:56:09 +08:00
genxium	858eba5243	Updated comments.	2022-12-06 13:53:27 +08:00
Wing	d113cffc7d	Merge pull request #13 from genxium/downsync-order-preservation Fixes for downsync order preservation.	2022-12-06 11:54:49 +08:00
genxium	6af9a14be5	Fixes for downsync order preservation.	2022-12-06 11:49:00 +08:00
genxium	e3fe773634	Fixed (refRenderFrameId, snapshotStFrameId) pairing in "markConfirmationIfApplicable".	2022-12-05 21:17:18 +08:00
genxium	17cac19c62	Fix on backend "createInputsBufferSnapshot".	2022-12-05 17:27:44 +08:00
Wing	26bdd41285	Merge pull request #11 from genxium/backend_locking_improvement Improved backend implementation.	2022-12-05 15:27:30 +08:00
genxium	6bf70463fa	Improved backend implementation.	2022-12-05 15:23:56 +08:00
genxium	e3d844abad	Improving backend use of room.InputsBufferLock.	2022-12-04 23:37:01 +08:00
genxium	0373665382	Minor updates on ringbuffer and formatting.	2022-12-02 10:20:58 +08:00
genxium	3b0db64792	Updated README.	2022-12-01 15:46:36 +08:00
Wing	dd8b731ade	Merge pull request #10 from genxium/force_confirmation_isolation Improvement on smooth synchronization.	2022-12-01 15:25:57 +08:00
genxium	c4489e0912	Fixed backend downsyncToAll battleState filtering.	2022-12-01 15:23:43 +08:00
genxium	348c889e14	Fixes on resync.	2022-12-01 11:53:37 +08:00
yflu	c6473db561	In progress for fixing recovery upon reconnection.	2022-12-01 00:30:35 +08:00
genxium	e165d49cb1	Further simplified signaling.	2022-11-30 21:51:06 +08:00
genxium	26370dce61	Added necessary locking for backend InputsBuffer.	2022-11-30 16:53:48 +08:00
yflu	f3a12b2aa9	A temp broken commit.	2022-11-30 00:04:52 +08:00
genxium	1f5802ee14	Fixed multiple error handling spots.	2022-11-29 21:32:18 +08:00
yflu	080a384ade	Working on reduction of resync received in frontend.	2022-11-29 12:49:49 +08:00
genxium	9469b27348	Updated use of GOPROXY param in Makefile.	2022-11-28 23:49:52 +08:00
Wing	ca5ba83b07	Merge pull request #9 from genxium/frame_anim_compatible Frame anim compatible	2022-11-27 21:38:24 +08:00
genxium	b1f0cf2c57	Added frame anim compatibility for AttackingCharacter.	2022-11-27 21:33:34 +08:00
genxium	1b43e6d760	Reduced dragonbones exported resource size.	2022-11-27 19:38:26 +08:00
genxium	e0fb21f3fb	Fixes for simultaneous reconnection w.r.t. same room, and updates for documentation.	2022-11-27 00:00:39 +08:00
genxium	9bce561441	Minor fix for README.	2022-11-26 00:14:11 +08:00
genxium	52be2a6a79	Simplified frontend anim handling.	2022-11-26 00:04:22 +08:00
genxium	fa491b357d	Fixed frontend animation switch after atk and stun.	2022-11-25 22:44:01 +08:00
genxium	695eacaabc	Fixed frontend animation switch.	2022-11-25 21:53:30 +08:00
genxium	0324b584a5	Fixed frontend countdown display.	2022-11-25 17:57:10 +08:00
				`@@ -1 +0,0 @@`
				{"SubTexture":[{"width":23,"y":44,"height":22,"name":"biu","x":53},{"width":9,"y":68,"height":14,"name":"rightArm","x":76},{"y":35,"frameX":-1,"frameY":0,"width":27,"frameWidth":29,"height":32,"name":"yinmoqe00","frameHeight":32,"x":89},{"width":34,"y":1,"height":41,"name":"body","x":53},{"width":9,"y":44,"height":13,"name":"rightShoulder","x":78},{"y":50,"frameX":0,"frameY":0,"width":19,"frameWidth":19,"height":18,"name":"rightFrontArm","frameHeight":18,"x":23},{"width":14,"y":70,"height":14,"name":"rightHand","x":23},{"y":68,"frameX":0,"frameY":0,"width":12,"frameWidth":12,"height":12,"name":"leftArm","frameHeight":12,"x":62},{"width":13,"y":73,"height":12,"name":"leftShoulder","x":1},{"width":20,"y":50,"height":21,"name":"leftFrontArm","x":1},{"width":33,"y":1,"height":32,"name":"head","x":89},{"width":50,"y":1,"height":47,"name":"head2","x":1},{"width":16,"y":68,"height":14,"name":"leftHand","x":44},{"y":59,"frameX":-1,"frameY":-2,"width":4,"frameWidth":8,"height":4,"name":"huomiao01","frameHeight":8,"x":78}],"width":128,"height":128,"name":"SoldierWaterGhost","imagePath":"SoldierWaterGhost_tex.png"}
				`@@ -0,0 +1 @@`
				{"width":128,"SubTexture":[{"frameWidth":23,"y":50,"frameX":-2,"frameHeight":22,"frameY":-2,"width":19,"height":19,"name":"biu","x":1},{"width":9,"y":50,"height":14,"name":"rightArm","x":42},{"frameWidth":29,"y":34,"frameX":-6,"frameHeight":32,"frameY":0,"width":20,"height":32,"name":"yinmoqe00","x":88},{"frameWidth":34,"y":1,"frameX":0,"frameHeight":41,"frameY":0,"width":33,"height":39,"name":"body","x":53},{"width":9,"y":56,"height":13,"name":"rightShoulder","x":74},{"frameWidth":19,"y":50,"frameX":0,"frameHeight":18,"frameY":0,"width":18,"height":17,"name":"rightFrontArm","x":22},{"width":14,"y":50,"height":14,"name":"rightHand","x":110},{"width":12,"y":42,"height":12,"name":"leftArm","x":74},{"width":13,"y":66,"height":12,"name":"leftShoulder","x":110},{"frameWidth":20,"y":42,"frameX":-1,"frameHeight":21,"frameY":0,"width":19,"height":21,"name":"leftFrontArm","x":53},{"width":50,"y":1,"height":47,"name":"head2","x":1},{"frameWidth":33,"y":1,"frameX":-1,"frameHeight":32,"frameY":0,"width":32,"height":31,"name":"head","x":88},{"width":16,"y":34,"height":14,"name":"leftHand","x":110},{"frameWidth":8,"y":1,"frameX":-2,"frameHeight":8,"frameY":-3,"width":2,"height":2,"name":"huomiao01","x":122}],"height":128,"name":"SoldierWaterGhost","imagePath":"SoldierWaterGhost_tex.png"}