fix: flickering motion of an event as it moves

packages/client/src/Components/Component.ts

@@ -215,9 +215,9 @@ export class RpgComponent<T = any> extends Container {
         }
         else {
             const { position, direction } = this.data as RpgCommonPlayer
-            this._x = Math.floor(position?.x ?? 0)
-            this._y = Math.floor(position?.y ?? 0)
-            this.z = Math.floor(position?.z ?? 0)
+            this._x = position?.x ?? 0
+            this._y = position?.y ?? 0
+            this.z = position?.z ?? 0
             this.direction = direction
         }
         this._rotation = this.data['rotation'] ?? 0
@@ -262,15 +262,15 @@ export class RpgComponent<T = any> extends Container {
     update(obj: any, objChanged: any, time: number, deltaRatio: number): { moving: boolean } {
         if (this.dragMode?.dragging) return { moving: true }
 
-        const { speed, teleported, map, fixed, rotation } = obj
+        const { speed, teleported, map, fixed } = obj
         this.data = obj
         this.setPosition()
         const renderSpeed = speed * deltaRatio
         if (this._rotation != this.angle) {
             this.angle += Math.min(renderSpeed, this._rotation - this.angle)
         }
 
-        let moving = false
+        let moving = obj.moving ?? false
 
         if (!fixed) {
             if (teleported != this.teleported || map != this.map) {

packages/client/src/Sprite/Character.ts

@@ -130,7 +130,7 @@ export default class Character extends Sprite {
                this.playAnimation(AnimationEnum.Walk)
             }
             else {
-                this.playAnimation(AnimationEnum.Stand)
+               this.playAnimation(AnimationEnum.Stand)
             }
         }
 

packages/common/src/AbstractObject.ts

@@ -9,6 +9,7 @@ import { Vector2d, Vector2dZero } from './Vector2d'
 import { Box } from './VirtualGrid'
 import { Behavior, ClientMode, Direction, MoveClientMode, MoveTo, PlayerType, Position, PositionXY, Tick } from '@rpgjs/types'
 import { from, map, mergeMap, Observable, Subject, tap, takeUntil, filter } from 'rxjs'
+import { RpgCommonPlayer } from './Player'
 
 const ACTIONS = { IDLE: 0, RUN: 1, ACTION: 2 }
 
@@ -24,6 +25,7 @@ export class AbstractObject {
     width: number = 0
     speed: number
     direction: number = 3
+    moving: boolean = false
 
     /*
         Properties for move mode
@@ -751,15 +753,42 @@ export class AbstractObject {
     */
     stopMoveTo() {
         if (this.destroyMove$.closed) return
+        this.moving = false
         this.destroyMove$.next(true)
         this.destroyMove$.unsubscribe()
     }
 
+    private _lookToward(player: Vector2d, otherPlayer: Vector2d): Direction {
+        const { x, y } = player;
+        const { x: ox, y: oy } = otherPlayer;
+
+        // Calculate the differences between the x and y coordinates.
+        const dx = ox - x;
+        const dy = oy - y;
+
+        // Determine the primary direction based on the relative magnitude
+        // of the x and y differences.
+        if (Math.abs(dx) > Math.abs(dy)) {
+            if (dx > 0) {
+                return Direction.Right;
+            } else {
+                return Direction.Left;
+            }
+        } else {
+            if (dy > 0) {
+                return Direction.Down;
+            } else {
+                return Direction.Up;
+            }
+        }
+    }
+
     _moveTo(tick$: Observable<Tick>, positionTarget: AbstractObject | RpgShape | PositionXY, options: MoveTo = {}): Observable<Vector2d> {
         let i = 0
         let count = 0
         const lastPositions: Vector2d[] = []
         this.stopMoveTo()
+        this.moving = true
         this.destroyMove$ = new Subject()
         const { infinite, onStuck, onComplete } = options
         const getPosition = (): Vector2d => {
@@ -792,9 +821,16 @@ export class AbstractObject {
                         i = 0
                     }
                     if (
-                        lastPositions[2] && lastPositions[0].isEqual(lastPositions[2])
+                        lastPositions[2] &&
+                        (
+                            lastPositions[0].isEqual(lastPositions[2]) ||
+                            lastPositions[1].isEqual(lastPositions[2]) ||
+                            lastPositions[0].isEqual(lastPositions[1])
+                        )
                     ) {
+                        this.direction = this._lookToward(this.position, getPosition())
                         onStuck?.(count)
+                        this.moving = false
                     }
                     else if (this.position.isEqual(getPosition())) {
                         onComplete?.()
@@ -804,6 +840,7 @@ export class AbstractObject {
                     }
                     else {
                         count = 0
+                        this.moving = true
                     }
                 })
             )

packages/sample2/main/scene-map.ts

@@ -1,10 +1,7 @@
 import { RpgSceneMapHooks, RpgSceneMap, RpgGui } from '@rpgjs/client'
 
 const sceneMap: RpgSceneMapHooks = {
-    onAfterLoading(scene: RpgSceneMap) {
-        RpgGui.display('tooltip')
-        scene.viewport?.setZoom(1.5)
-    }
+
 }
 
 export default sceneMap;

packages/server/src/Player/Player.ts

@@ -95,6 +95,10 @@ const playerSchemas = {
         $permanent: false
     },
 
+    moving: {
+        $permanent: false
+    },
+
     param: Object,
     hp: Number,
     sp: Number,
@@ -262,6 +266,7 @@ export class RpgPlayer extends RpgCommonPlayer {
         this._gui = {}
         this._elementsEfficiency = []
         this._statesEfficiency = []
+        this.moving = false
 
         this.addParameter(MAXHP, MAXHP_CURVE)
         this.addParameter(MAXSP, MAXSP_CURVE)

packages/server/src/server.ts

@@ -262,11 +262,13 @@ export class RpgServerEngine {
             if (!playerInstance) continue
             const player = playerInstance.otherPossessedPlayer ?? playerInstance
             if (player.pendingMove.length > 0) {
+                player.moving = true
                 const lastFrame = player.pendingMove[player.pendingMove.length - 1]
                 if (this.inputOptions.workers) obj.push(player.toObject())
                 else {
                     p.push(this.gameEngine.processInput(player.playerId, this.globalConfig.inputs).then((val) => {
                         player.pendingMove = []
+                        player.moving = false
                         player._lastFramePositions = {
                             frame: lastFrame.frame,
                             position: { ...player.position }