diff --git a/src/assets/map/PlayerBlueDarkMoving.gif b/src/assets/map/PlayerBlueDarkMoving.gif new file mode 100644 index 00000000..2508cf8e Binary files /dev/null and b/src/assets/map/PlayerBlueDarkMoving.gif differ diff --git a/src/assets/map/PlayerBlueLightMoving.gif b/src/assets/map/PlayerBlueLightMoving.gif new file mode 100644 index 00000000..6a694b31 Binary files /dev/null and b/src/assets/map/PlayerBlueLightMoving.gif differ diff --git a/src/assets/map/PlayerBlueMoving.gif b/src/assets/map/PlayerBlueMoving.gif new file mode 100644 index 00000000..6edb8711 Binary files /dev/null and b/src/assets/map/PlayerBlueMoving.gif differ diff --git a/src/assets/map/PlayerBrownMoving.gif b/src/assets/map/PlayerBrownMoving.gif new file mode 100644 index 00000000..72a19114 Binary files /dev/null and b/src/assets/map/PlayerBrownMoving.gif differ diff --git a/src/assets/map/PlayerGreenLightMoving.gif b/src/assets/map/PlayerGreenLightMoving.gif new file mode 100644 index 00000000..a03e7a20 Binary files /dev/null and b/src/assets/map/PlayerGreenLightMoving.gif differ diff --git a/src/assets/map/PlayerGreenMoving.gif b/src/assets/map/PlayerGreenMoving.gif new file mode 100644 index 00000000..34c8f77e Binary files /dev/null and b/src/assets/map/PlayerGreenMoving.gif differ diff --git a/src/assets/map/PlayerOrangeMoving.gif b/src/assets/map/PlayerOrangeMoving.gif new file mode 100644 index 00000000..ee016811 Binary files /dev/null and b/src/assets/map/PlayerOrangeMoving.gif differ diff --git a/src/assets/map/PlayerPinkLightMoving.gif b/src/assets/map/PlayerPinkLightMoving.gif new file mode 100644 index 00000000..d94a3034 Binary files /dev/null and b/src/assets/map/PlayerPinkLightMoving.gif differ diff --git a/src/assets/map/PlayerPinkMoving.gif b/src/assets/map/PlayerPinkMoving.gif new file mode 100644 index 00000000..94329103 Binary files /dev/null and b/src/assets/map/PlayerPinkMoving.gif differ diff --git a/src/assets/map/PlayerRedMoving.gif b/src/assets/map/PlayerRedMoving.gif new file mode 100644 index 00000000..95093a3c Binary files /dev/null and b/src/assets/map/PlayerRedMoving.gif differ diff --git a/src/pages/map/components/PlayerIcon.tsx b/src/pages/map/components/PlayerIcon.tsx index 904724ad..968f35bf 100644 --- a/src/pages/map/components/PlayerIcon.tsx +++ b/src/pages/map/components/PlayerIcon.tsx @@ -15,6 +15,18 @@ import PlayerOrange from 'assets/map/PlayerOrange.webp' import PlayerPurple from 'assets/map/PlayerPurple.webp' import PlayerPurpleMoving from 'assets/map/PlayerPurpleMoving.gif' +import PlayerPurpleMoving from 'assets/map/PlayerPurpleMoving.gif' +import PlayerOrangeMoving from 'assets/map/PlayerOrangeMoving.gif' +import PlayerPinkMoving from 'assets/map/PlayerPinkMoving.gif' +import PlayerPinkLightMoving from 'assets/map/PlayerPinkLightMoving.gif' +import PlayerRedMoving from 'assets/map/PlayerRedMoving.gif' +import PlayerBlueMoving from 'assets/map/PlayerBlueMoving.gif' +import PlayerBlueLightMoving from 'assets/map/PlayerBlueLightMoving.gif' +import PlayerBlueDarkMoving from 'assets/map/PlayerBlueDarkMoving.gif' +import PlayerGreenMoving from 'assets/map/PlayerGreenMoving.gif' +import PlayerGreenLightMoving from 'assets/map/PlayerGreenLightMoving.gif' +import PlayerBrownMoving from 'assets/map/PlayerBrownMoving.gif' + import { cellSize } from '../types' import PlayerPopup from './PlayerPopup' import { getMapCellById, laddersByCell, snakesByCell } from './utils' @@ -33,6 +45,19 @@ const playerIcons: { [key: string]: string } = { f1ashko: PlayerPinkLight, } +const playerMovingIcons: { [key: string]: string } = { + lasqa: PlayerBlueMoving, + praden: PlayerBrownMoving, + roadhouse: PlayerPurpleMoving, + segall: PlayerOrangeMoving, + artur: PlayerRedMoving, + uselessmouth: PlayerPinkMoving, + unclobjorn: PlayerBlueDarkMoving, + melharucos: PlayerBlueLightMoving, + browjey: PlayerGreenMoving, + f1ashko: PlayerPinkLightMoving, +} + type Props = { player: Player players: Player[] @@ -223,7 +248,9 @@ export default function PlayerIcon({ const onlineColor = player.is_online ? Color.green : Color.red const playerColor = getPlayerColor(player) - const playerIcon = playerIcons[player.url_handle] || PlayerBlueLight + const playerIcon = isMoving + ? playerMovingIcons[player.url_handle] || PlayerBlueLightMoving + : playerIcons[player.url_handle] || PlayerBlueLight const hideAvatar = playersOnSamePosition.length > 1 && player.map_position !== 0 && !isMoving @@ -252,7 +279,7 @@ export default function PlayerIcon({ {!hideAvatar && (