From e781d4987a2d7a612f9d29692d626b0acdef4154 Mon Sep 17 00:00:00 2001
From: Daniil <77277774+shamemask@users.noreply.github.com>
Date: Fri, 11 Oct 2024 23:45:44 +0300
Subject: [PATCH 01/13] =?UTF-8?q?[SOK-36]=20refactor:=20=D0=BF=D0=B5=D1=80?=
 =?UTF-8?q?=D0=B5=D0=BD=D0=B5=D1=81=20=D0=B4=D0=B2=D0=B8=D0=B6=D0=B5=D0=BD?=
 =?UTF-8?q?=D0=B8=D1=8F=20=D0=B8=D0=B3=D1=80=D0=BE=D0=BA=D0=B0=20=D0=B2=20?=
 =?UTF-8?q?gameloop?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/client/src/components/Game/Game.tsx  | 19 +++-----------
 .../client/src/components/Game/gameLoop.tsx   | 25 +++++++++++++++----
 2 files changed, 24 insertions(+), 20 deletions(-)

diff --git a/packages/client/src/components/Game/Game.tsx b/packages/client/src/components/Game/Game.tsx
index 46cc8c7..56b96df 100644
--- a/packages/client/src/components/Game/Game.tsx
+++ b/packages/client/src/components/Game/Game.tsx
@@ -3,12 +3,8 @@ import './Game.scss'
 import { initializeEnemies } from '@/components/Game/enemy'
 import { PLAYER_DEFAULT_PARAMS } from '@/components/Game/player'
 import { gameLoop } from '@/components/Game/gameLoop'
-import {
-  handleKeyDown,
-  handleKeyUp,
-  updatePlayerMovement,
-} from '@/components/Game/controls'
-import { ControlsProps, Obstacle } from '@/components/Game/gameTypes'
+import { handleKeyDown, handleKeyUp } from '@/components/Game/controls'
+import { Obstacle } from '@/components/Game/gameTypes'
 import { initializeObstacle } from '@/components/Game/obstacle'
 import { Modal } from '../common/Modal/Modal'
 
@@ -40,19 +36,12 @@ export const Game: React.FC = () => {
     if (!isPausedRef.current && !isGameOver && canvasRef.current) {
       const context = canvasRef.current.getContext('2d')
       if (context) {
-        const moveProps: ControlsProps = {
-          playerRef,
-          obstacles: obstaclesRef.current,
-          canvasWidth: canvasRef.current.width,
-          canvasHeight: canvasRef.current.height,
-        }
-        updatePlayerMovement(moveProps)
-
         gameLoop(
           context,
+          canvasRef,
           playerRef,
           enemiesRef,
-          obstaclesRef.current,
+          obstaclesRef,
           livesRef,
           handleGameOver
         )
diff --git a/packages/client/src/components/Game/gameLoop.tsx b/packages/client/src/components/Game/gameLoop.tsx
index d777848..5eb8d1b 100644
--- a/packages/client/src/components/Game/gameLoop.tsx
+++ b/packages/client/src/components/Game/gameLoop.tsx
@@ -1,23 +1,31 @@
 import { HandlePlayerHit, resetPlayerPosition } from './player'
 import { updateEnemyPositions, respawnEnemies } from './enemy'
 import { clearCanvas, drawPlayer, drawEnemies, drawObstacles } from './utils'
-import { Enemy, Obstacle, Player } from '@/components/Game/gameTypes'
+import {
+  ControlsProps,
+  Enemy,
+  Obstacle,
+  Player,
+} from '@/components/Game/gameTypes'
 import { detectEnemyCollision } from '@/components/Game/collision'
+import { updatePlayerMovement } from '@/components/Game/controls'
 
 /**
  * Основной игровой цикл, который обновляет состояние игры и перерисовывает экран каждый кадр.
  * @param context - Контекст рисования для Canvas.
+ * @param canvasRef - Ссылка на Canvas.
  * @param playerRef - Ссылка на текущего игрока.
  * @param enemiesRef - Ссылка на массив врагов.
- * @param obstacles - Массив препятствий.
+ * @param obstaclesRef - Ссылка на массив препятствий.
  * @param livesRef - Ссылка на текущее количество жизней игрока.
  * @param handleGameOver - Обработчик события окончания игры.
  */
 export const gameLoop = (
   context: CanvasRenderingContext2D,
+  canvasRef: React.MutableRefObject<HTMLCanvasElement | null>,
   playerRef: React.MutableRefObject<Player>,
   enemiesRef: React.MutableRefObject<Enemy[]>,
-  obstacles: Obstacle[],
+  obstaclesRef: React.MutableRefObject<Obstacle[]>,
   livesRef: React.MutableRefObject<number>,
   handleGameOver: () => void
 ) => {
@@ -25,9 +33,16 @@ export const gameLoop = (
 
   // Обновление позиций врагов
   updateEnemyPositions(playerRef.current, enemiesRef)
-
+  if (!canvasRef.current) return
+  const moveProps: ControlsProps = {
+    playerRef,
+    obstacles: obstaclesRef.current,
+    canvasWidth: canvasRef.current.width,
+    canvasHeight: canvasRef.current.height,
+  }
+  updatePlayerMovement(moveProps)
   // Отрисовка всех игровых объектов
-  drawObstacles(context, obstacles)
+  drawObstacles(context, obstaclesRef.current)
   drawPlayer(context, playerRef.current)
   drawEnemies(context, enemiesRef.current)
 

From 682d1c24fdacd907680116f1d3ec5a87f14495ce Mon Sep 17 00:00:00 2001
From: Daniil <77277774+shamemask@users.noreply.github.com>
Date: Fri, 11 Oct 2024 23:50:26 +0300
Subject: [PATCH 02/13] =?UTF-8?q?[SOK-36]=20refactor:=20=D0=BF=D1=80=D0=B5?=
 =?UTF-8?q?=D0=BE=D0=B1=D1=80=D0=B0=D0=B7=D0=BE=D0=B2=D0=B0=D0=BB=20=D0=B8?=
 =?UTF-8?q?=D0=BD=D1=82=D0=B5=D1=80=D1=84=D0=B5=D0=B9=D1=81=20=D0=B2=D1=80?=
 =?UTF-8?q?=D0=B0=D0=B3=D0=B0=20=D0=B8=20=D0=B8=D0=B3=D1=80=D0=BE=D0=BA?=
 =?UTF-8?q?=D0=B0=20=D0=B2=20=D0=B0=D0=B1=D1=81=D1=82=D1=80=D0=B0=D0=BA?=
 =?UTF-8?q?=D1=82=D0=BD=D1=8B=D0=B5=20=D1=81=D1=83=D1=89=D0=BD=D0=BE=D1=81?=
 =?UTF-8?q?=D1=82=D0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../client/src/components/Game/collision.tsx     |  8 ++++----
 packages/client/src/components/Game/enemy.tsx    | 16 +++++++++-------
 packages/client/src/components/Game/gameLoop.tsx |  7 +++----
 .../client/src/components/Game/gameTypes.tsx     | 13 ++-----------
 packages/client/src/components/Game/player.tsx   |  4 ++--
 packages/client/src/components/Game/utils.tsx    |  6 +++---
 6 files changed, 23 insertions(+), 31 deletions(-)

diff --git a/packages/client/src/components/Game/collision.tsx b/packages/client/src/components/Game/collision.tsx
index 6eca1ae..287f436 100644
--- a/packages/client/src/components/Game/collision.tsx
+++ b/packages/client/src/components/Game/collision.tsx
@@ -1,7 +1,7 @@
-import { Enemy, Obstacle, Player } from '@/components/Game/gameTypes'
+import { Obstacle, AbstractEntity } from '@/components/Game/gameTypes'
 
 export const detectCollision = (
-  player: Player,
+  player: AbstractEntity,
   obstacle: Obstacle
 ): boolean => {
   return (
@@ -13,8 +13,8 @@ export const detectCollision = (
 }
 
 export const detectEnemyCollision = (
-  rect1: Player | Enemy,
-  rect2: Obstacle | Enemy
+  rect1: AbstractEntity,
+  rect2: Obstacle | AbstractEntity
 ): boolean => {
   return (
     rect1.x < rect2.x + rect2.width &&
diff --git a/packages/client/src/components/Game/enemy.tsx b/packages/client/src/components/Game/enemy.tsx
index 692b85f..f916a84 100644
--- a/packages/client/src/components/Game/enemy.tsx
+++ b/packages/client/src/components/Game/enemy.tsx
@@ -1,12 +1,12 @@
 import { getRandomEdgePosition } from './utils'
-import { Enemy, Player } from '@/components/Game/gameTypes'
+import { AbstractEntity } from '@/components/Game/gameTypes'
 
 export const initializeEnemies = (numberOfEnemies: number) => {
-  const initialEnemies: Enemy[] = []
+  const initialEnemies: AbstractEntity[] = []
   for (let i = 0; i < numberOfEnemies; i++) {
     // количество врагов
     const { x, y } = getRandomEdgePosition(800, 600)
-    const enemy: Enemy = {
+    const enemy: AbstractEntity = {
       x,
       y,
       width: 30,
@@ -16,12 +16,12 @@ export const initializeEnemies = (numberOfEnemies: number) => {
     }
     initialEnemies.push(enemy)
   }
-  return initialEnemies as Enemy[]
+  return initialEnemies as AbstractEntity[]
 }
 
 export const updateEnemyPositions = (
-  player: Player,
-  enemiesRef: React.MutableRefObject<Enemy[]>
+  player: AbstractEntity,
+  enemiesRef: React.MutableRefObject<AbstractEntity[]>
 ) => {
   enemiesRef.current = enemiesRef.current.map(enemy => {
     const directionX = player.x - enemy.x
@@ -38,6 +38,8 @@ export const updateEnemyPositions = (
   })
 }
 
-export const respawnEnemies = (enemiesRef: React.MutableRefObject<Enemy[]>) => {
+export const respawnEnemies = (
+  enemiesRef: React.MutableRefObject<AbstractEntity[]>
+) => {
   enemiesRef.current = initializeEnemies(5)
 }
diff --git a/packages/client/src/components/Game/gameLoop.tsx b/packages/client/src/components/Game/gameLoop.tsx
index 5eb8d1b..01e03ab 100644
--- a/packages/client/src/components/Game/gameLoop.tsx
+++ b/packages/client/src/components/Game/gameLoop.tsx
@@ -3,9 +3,8 @@ import { updateEnemyPositions, respawnEnemies } from './enemy'
 import { clearCanvas, drawPlayer, drawEnemies, drawObstacles } from './utils'
 import {
   ControlsProps,
-  Enemy,
+  AbstractEntity,
   Obstacle,
-  Player,
 } from '@/components/Game/gameTypes'
 import { detectEnemyCollision } from '@/components/Game/collision'
 import { updatePlayerMovement } from '@/components/Game/controls'
@@ -23,8 +22,8 @@ import { updatePlayerMovement } from '@/components/Game/controls'
 export const gameLoop = (
   context: CanvasRenderingContext2D,
   canvasRef: React.MutableRefObject<HTMLCanvasElement | null>,
-  playerRef: React.MutableRefObject<Player>,
-  enemiesRef: React.MutableRefObject<Enemy[]>,
+  playerRef: React.MutableRefObject<AbstractEntity>,
+  enemiesRef: React.MutableRefObject<AbstractEntity[]>,
   obstaclesRef: React.MutableRefObject<Obstacle[]>,
   livesRef: React.MutableRefObject<number>,
   handleGameOver: () => void
diff --git a/packages/client/src/components/Game/gameTypes.tsx b/packages/client/src/components/Game/gameTypes.tsx
index c59e901..b2c0b86 100644
--- a/packages/client/src/components/Game/gameTypes.tsx
+++ b/packages/client/src/components/Game/gameTypes.tsx
@@ -1,13 +1,4 @@
-export interface Player {
-  x: number
-  y: number
-  width: number
-  height: number
-  speed: number
-  direction: { x: number; y: number }
-}
-
-export interface Enemy {
+export interface AbstractEntity {
   x: number
   y: number
   width: number
@@ -24,7 +15,7 @@ export interface Obstacle {
 }
 
 export interface ControlsProps {
-  playerRef: React.MutableRefObject<Player>
+  playerRef: React.MutableRefObject<AbstractEntity>
   obstacles: Obstacle[]
   canvasWidth: number
   canvasHeight: number
diff --git a/packages/client/src/components/Game/player.tsx b/packages/client/src/components/Game/player.tsx
index 4ffca5a..614f983 100644
--- a/packages/client/src/components/Game/player.tsx
+++ b/packages/client/src/components/Game/player.tsx
@@ -1,4 +1,4 @@
-import { Player } from '@/components/Game/gameTypes'
+import { AbstractEntity } from '@/components/Game/gameTypes'
 
 export const PLAYER_DEFAULT_PARAMS = {
   x: 400,
@@ -10,7 +10,7 @@ export const PLAYER_DEFAULT_PARAMS = {
 }
 
 export const resetPlayerPosition = (
-  playerRef: React.MutableRefObject<Player>
+  playerRef: React.MutableRefObject<AbstractEntity>
 ) => {
   playerRef.current = {
     ...playerRef.current,
diff --git a/packages/client/src/components/Game/utils.tsx b/packages/client/src/components/Game/utils.tsx
index 59bec75..47d680f 100644
--- a/packages/client/src/components/Game/utils.tsx
+++ b/packages/client/src/components/Game/utils.tsx
@@ -1,7 +1,7 @@
 import enemiesSpritePath from '@/assets/images/sprites/enemy.svg'
 import tankSpritePath from '@/assets/images/sprites/tank.svg'
 import wallSpritePath from '@/assets/images/sprites/wall.svg'
-import { Enemy, Obstacle, Player } from '@/components/Game/gameTypes'
+import { AbstractEntity, Obstacle } from '@/components/Game/gameTypes'
 
 export const getRandomEdgePosition = (
   canvasWidth: number,
@@ -32,7 +32,7 @@ let lastPlayerDirection = { x: 0, y: 0 }
 
 export const drawPlayer = (
   context: CanvasRenderingContext2D,
-  player: Player
+  player: AbstractEntity
 ) => {
   let direction = { ...player.direction }
 
@@ -67,7 +67,7 @@ enemiesSprite.src = enemiesSpritePath
 
 export const drawEnemies = (
   context: CanvasRenderingContext2D,
-  enemies: Enemy[]
+  enemies: AbstractEntity[]
 ) => {
   enemies.forEach(enemy => {
     context.drawImage(enemiesSprite, enemy.x, enemy.y)

From 5e2f486a2abcadf249bb2d140e91f45e0eb8dcac Mon Sep 17 00:00:00 2001
From: Daniil <77277774+shamemask@users.noreply.github.com>
Date: Sat, 12 Oct 2024 00:34:18 +0300
Subject: [PATCH 03/13] =?UTF-8?q?[SOK-36]=20feat:=20=D1=81=D0=BE=D0=B7?=
 =?UTF-8?q?=D0=B4=D0=B0=D0=BB=20=D0=BF=D1=83=D0=BB=D0=B8,=20=D0=BD=D0=B0?=
 =?UTF-8?q?=D1=81=D1=82=D1=80=D0=BE=D0=B8=D0=BB=20=D0=B2=D1=8B=D1=81=D1=82?=
 =?UTF-8?q?=D1=80=D0=B5=D0=BB=D1=8B=20=D0=BF=D0=BE=D0=BB=D1=8C=D0=B7=D0=BE?=
 =?UTF-8?q?=D0=B2=D0=B0=D1=82=D0=B5=D0=BB=D0=B5=D0=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/client/src/components/Game/Game.tsx  |  4 +-
 .../client/src/components/Game/bullet.tsx     | 31 +++++++++++++
 .../client/src/components/Game/collision.tsx  | 12 +++++
 .../client/src/components/Game/controls.tsx   | 30 ++++++++-----
 packages/client/src/components/Game/enemy.tsx |  7 +++
 .../client/src/components/Game/gameLoop.tsx   | 44 ++++++++++++++++---
 .../client/src/components/Game/gameTypes.tsx  |  1 +
 packages/client/src/components/Game/utils.tsx | 10 +++++
 8 files changed, 121 insertions(+), 18 deletions(-)
 create mode 100644 packages/client/src/components/Game/bullet.tsx

diff --git a/packages/client/src/components/Game/Game.tsx b/packages/client/src/components/Game/Game.tsx
index 56b96df..6adfdcf 100644
--- a/packages/client/src/components/Game/Game.tsx
+++ b/packages/client/src/components/Game/Game.tsx
@@ -4,7 +4,7 @@ import { initializeEnemies } from '@/components/Game/enemy'
 import { PLAYER_DEFAULT_PARAMS } from '@/components/Game/player'
 import { gameLoop } from '@/components/Game/gameLoop'
 import { handleKeyDown, handleKeyUp } from '@/components/Game/controls'
-import { Obstacle } from '@/components/Game/gameTypes'
+import { AbstractEntity, Obstacle } from '@/components/Game/gameTypes'
 import { initializeObstacle } from '@/components/Game/obstacle'
 import { Modal } from '../common/Modal/Modal'
 
@@ -14,6 +14,7 @@ export const Game: React.FC = () => {
   const canvasRef = useRef<HTMLCanvasElement | null>(null)
   const playerRef = useRef(PLAYER_DEFAULT_PARAMS)
   const enemiesRef = useRef(initializeEnemies(5))
+  const bulletsRef = useRef<AbstractEntity[]>([])
   const obstaclesRef = useRef<Obstacle[]>(initializeObstacle())
   const livesRef = useRef(livesUse)
   const [gameStarted, setGameStarted] = useState(false)
@@ -41,6 +42,7 @@ export const Game: React.FC = () => {
           canvasRef,
           playerRef,
           enemiesRef,
+          bulletsRef,
           obstaclesRef,
           livesRef,
           handleGameOver
diff --git a/packages/client/src/components/Game/bullet.tsx b/packages/client/src/components/Game/bullet.tsx
new file mode 100644
index 0000000..b4b5ff3
--- /dev/null
+++ b/packages/client/src/components/Game/bullet.tsx
@@ -0,0 +1,31 @@
+import { AbstractEntity } from '@/components/Game/gameTypes'
+
+export const createBullet = (player: AbstractEntity): AbstractEntity => {
+  return {
+    x: player.x + player.width / 2 - 2.5, // Пуля появляется в центре танка
+    y: player.y + player.height / 2 - 2.5,
+    width: 5,
+    height: 5,
+    speed: 5, // Скорость пули
+    direction: player.direction, // Пуля летит в направлении танка
+  }
+}
+
+export const updateBullets = (
+  bullets: AbstractEntity[],
+  canvasWidth: number,
+  canvasHeight: number
+) => {
+  return bullets.filter(bullet => {
+    bullet.x += bullet.direction.x * bullet.speed
+    bullet.y += bullet.direction.y * bullet.speed
+
+    // Удаляем пулю, если она выходит за пределы экрана
+    return (
+      bullet.x >= 0 &&
+      bullet.x <= canvasWidth &&
+      bullet.y >= 0 &&
+      bullet.y <= canvasHeight
+    )
+  })
+}
diff --git a/packages/client/src/components/Game/collision.tsx b/packages/client/src/components/Game/collision.tsx
index 287f436..aba48a6 100644
--- a/packages/client/src/components/Game/collision.tsx
+++ b/packages/client/src/components/Game/collision.tsx
@@ -23,3 +23,15 @@ export const detectEnemyCollision = (
     rect1.y + rect1.height > rect2.y
   )
 }
+
+export const detectBulletCollision = (
+  bullet: AbstractEntity,
+  entity: AbstractEntity
+): boolean => {
+  return (
+    bullet.x < entity.x + entity.width &&
+    bullet.x + bullet.width > entity.x &&
+    bullet.y < entity.y + entity.height &&
+    bullet.y + bullet.height > entity.y
+  )
+}
diff --git a/packages/client/src/components/Game/controls.tsx b/packages/client/src/components/Game/controls.tsx
index 9e71fc7..9e76a76 100644
--- a/packages/client/src/components/Game/controls.tsx
+++ b/packages/client/src/components/Game/controls.tsx
@@ -1,6 +1,7 @@
 import { ControlsProps } from '@/components/Game/gameTypes'
 
 import { detectCollision } from '@/components/Game/collision'
+import { createBullet } from '@/components/Game/bullet'
 
 let pressedKeys: string[] = []
 
@@ -9,6 +10,7 @@ enum Action {
   MoveDown = 'MoveDown',
   MoveLeft = 'MoveLeft',
   MoveRight = 'MoveRight',
+  Shoot = 'Shoot',
 }
 
 type Vector = {
@@ -16,11 +18,12 @@ type Vector = {
   y: -1 | 0 | 1
 }
 
-const MOVEMENT_CONTROLS: Record<Action, string[]> = {
+const ACTION_CONTROLS: Record<Action, string[]> = {
   [Action.MoveUp]: ['ArrowUp', 'w', 'ц', 'W', 'Ц'],
   [Action.MoveDown]: ['ArrowDown', 's', 'ы', 'S', 'Ы'],
   [Action.MoveLeft]: ['ArrowLeft', 'a', 'ф', 'A', 'Ф'],
   [Action.MoveRight]: ['ArrowRight', 'd', 'в', 'D', 'В'],
+  [Action.Shoot]: [' '],
 }
 
 const VECTORS: Record<Action, Vector> = {
@@ -28,6 +31,7 @@ const VECTORS: Record<Action, Vector> = {
   [Action.MoveDown]: { x: 0, y: 1 },
   [Action.MoveLeft]: { x: -1, y: 0 },
   [Action.MoveRight]: { x: 1, y: 0 },
+  [Action.Shoot]: { x: 0, y: 0 },
 }
 
 export const handleKeyDown = (key: string) => {
@@ -40,8 +44,8 @@ export const handleKeyUp = (key: string) => {
   pressedKeys = pressedKeys.filter(currentKey => currentKey !== key)
 }
 
-const getMovementControlByKey = (key: string): Action | null => {
-  for (const [action, keys] of Object.entries(MOVEMENT_CONTROLS)) {
+const getActionControlByKey = (key: string): Action | null => {
+  for (const [action, keys] of Object.entries(ACTION_CONTROLS)) {
     if (keys.includes(key)) {
       return action as Action
     }
@@ -50,9 +54,9 @@ const getMovementControlByKey = (key: string): Action | null => {
   return null
 }
 
-const getLastMovementAction = (): Action | null => {
+const getLastAction = (): Action | null => {
   for (let i = pressedKeys.length - 1; i >= 0; i--) {
-    const action = getMovementControlByKey(pressedKeys[i])
+    const action = getActionControlByKey(pressedKeys[i])
 
     if (action) {
       return action
@@ -62,24 +66,26 @@ const getLastMovementAction = (): Action | null => {
   return null
 }
 
-export const updatePlayerMovement = (props: ControlsProps) => {
+export const updatePlayerAction = (props: ControlsProps) => {
   const speed = props.playerRef.current.speed
   let newX = props.playerRef.current.x
   let newY = props.playerRef.current.y
 
-  const lastMovementAction = getLastMovementAction()
+  const lastMovementAction = getLastAction()
 
   if (!lastMovementAction) return
 
   const vector = VECTORS[lastMovementAction]
 
   if (!vector) return
+  if (lastMovementAction === Action.Shoot) {
+    props.bulletsRef.current.push(createBullet(props.playerRef.current))
+  } else {
+    props.playerRef.current.direction = vector
 
-  props.playerRef.current.direction = vector
-
-  newX += vector.x * speed
-  newY += vector.y * speed
-
+    newX += vector.x * speed
+    newY += vector.y * speed
+  }
   const hasCollision = props.obstacles.some(obstacle => {
     return detectCollision(
       { ...props.playerRef.current, x: newX, y: newY },
diff --git a/packages/client/src/components/Game/enemy.tsx b/packages/client/src/components/Game/enemy.tsx
index f916a84..b1a33b0 100644
--- a/packages/client/src/components/Game/enemy.tsx
+++ b/packages/client/src/components/Game/enemy.tsx
@@ -43,3 +43,10 @@ export const respawnEnemies = (
 ) => {
   enemiesRef.current = initializeEnemies(5)
 }
+
+export const killEnemy = (
+  enemiesRef: React.MutableRefObject<AbstractEntity[]>,
+  enemy: AbstractEntity
+) => {
+  enemiesRef.current = enemiesRef.current.filter(e => e !== enemy)
+}
diff --git a/packages/client/src/components/Game/gameLoop.tsx b/packages/client/src/components/Game/gameLoop.tsx
index 01e03ab..73fd08e 100644
--- a/packages/client/src/components/Game/gameLoop.tsx
+++ b/packages/client/src/components/Game/gameLoop.tsx
@@ -1,13 +1,23 @@
 import { HandlePlayerHit, resetPlayerPosition } from './player'
-import { updateEnemyPositions, respawnEnemies } from './enemy'
-import { clearCanvas, drawPlayer, drawEnemies, drawObstacles } from './utils'
+import { updateEnemyPositions, respawnEnemies, killEnemy } from './enemy'
+import {
+  clearCanvas,
+  drawPlayer,
+  drawEnemies,
+  drawObstacles,
+  drawBullets,
+} from './utils'
 import {
   ControlsProps,
   AbstractEntity,
   Obstacle,
 } from '@/components/Game/gameTypes'
-import { detectEnemyCollision } from '@/components/Game/collision'
-import { updatePlayerMovement } from '@/components/Game/controls'
+import {
+  detectBulletCollision,
+  detectEnemyCollision,
+} from '@/components/Game/collision'
+import { updatePlayerAction } from '@/components/Game/controls'
+import { updateBullets } from '@/components/Game/bullet'
 
 /**
  * Основной игровой цикл, который обновляет состояние игры и перерисовывает экран каждый кадр.
@@ -15,6 +25,7 @@ import { updatePlayerMovement } from '@/components/Game/controls'
  * @param canvasRef - Ссылка на Canvas.
  * @param playerRef - Ссылка на текущего игрока.
  * @param enemiesRef - Ссылка на массив врагов.
+ * @param bulletsRef - Ссылка на массив пуль.
  * @param obstaclesRef - Ссылка на массив препятствий.
  * @param livesRef - Ссылка на текущее количество жизней игрока.
  * @param handleGameOver - Обработчик события окончания игры.
@@ -24,6 +35,7 @@ export const gameLoop = (
   canvasRef: React.MutableRefObject<HTMLCanvasElement | null>,
   playerRef: React.MutableRefObject<AbstractEntity>,
   enemiesRef: React.MutableRefObject<AbstractEntity[]>,
+  bulletsRef: React.MutableRefObject<AbstractEntity[]>,
   obstaclesRef: React.MutableRefObject<Obstacle[]>,
   livesRef: React.MutableRefObject<number>,
   handleGameOver: () => void
@@ -35,15 +47,37 @@ export const gameLoop = (
   if (!canvasRef.current) return
   const moveProps: ControlsProps = {
     playerRef,
+    bulletsRef,
     obstacles: obstaclesRef.current,
     canvasWidth: canvasRef.current.width,
     canvasHeight: canvasRef.current.height,
   }
-  updatePlayerMovement(moveProps)
+  updatePlayerAction(moveProps)
+
+  bulletsRef.current = updateBullets(
+    bulletsRef.current,
+    canvasRef.current.width,
+    canvasRef.current.height
+  )
+
   // Отрисовка всех игровых объектов
   drawObstacles(context, obstaclesRef.current)
   drawPlayer(context, playerRef.current)
   drawEnemies(context, enemiesRef.current)
+  drawBullets(context, bulletsRef.current) // Отрисовка пуль
+
+  // Проверка на столкновения пуль с врагами
+  bulletsRef.current.forEach(bullet => {
+    enemiesRef.current = enemiesRef.current.filter(enemy => {
+      const hit = detectBulletCollision(bullet, enemy)
+      if (hit) {
+        // Убираем врага, если попали
+        killEnemy(enemiesRef, enemy)
+        return false
+      }
+      return true
+    })
+  })
 
   // Проверка на столкновения между игроком и врагами
   enemiesRef.current.forEach(enemy => {
diff --git a/packages/client/src/components/Game/gameTypes.tsx b/packages/client/src/components/Game/gameTypes.tsx
index b2c0b86..00d0902 100644
--- a/packages/client/src/components/Game/gameTypes.tsx
+++ b/packages/client/src/components/Game/gameTypes.tsx
@@ -16,6 +16,7 @@ export interface Obstacle {
 
 export interface ControlsProps {
   playerRef: React.MutableRefObject<AbstractEntity>
+  bulletsRef: React.MutableRefObject<AbstractEntity[]>
   obstacles: Obstacle[]
   canvasWidth: number
   canvasHeight: number
diff --git a/packages/client/src/components/Game/utils.tsx b/packages/client/src/components/Game/utils.tsx
index 47d680f..388131c 100644
--- a/packages/client/src/components/Game/utils.tsx
+++ b/packages/client/src/components/Game/utils.tsx
@@ -85,3 +85,13 @@ export const drawObstacles = (
     context.drawImage(wallSprite, obstacle.x, obstacle.y)
   })
 }
+
+export const drawBullets = (
+  context: CanvasRenderingContext2D,
+  bullets: AbstractEntity[]
+) => {
+  context.fillStyle = 'yellow'
+  bullets.forEach(bullet => {
+    context.fillRect(bullet.x, bullet.y, bullet.width, bullet.height)
+  })
+}

From 4ccd71696474d0657cd2d8ad9161cc880d841abd Mon Sep 17 00:00:00 2001
From: Daniil <77277774+shamemask@users.noreply.github.com>
Date: Sat, 12 Oct 2024 00:55:31 +0300
Subject: [PATCH 04/13] =?UTF-8?q?[SOK-36]=20feat:=20=D0=BD=D0=B0=D1=81?=
 =?UTF-8?q?=D1=82=D1=80=D0=BE=D0=B8=D0=BB=20=D0=BF=D0=BE=D0=BF=D0=B0=D0=B4?=
 =?UTF-8?q?=D0=B0=D0=BD=D0=B8=D0=B5=20=D0=BF=D1=83=D0=BB=D0=B5=D0=B9=20?=
 =?UTF-8?q?=D0=B8=20=D0=B2=D1=8B=D0=BF=D1=83=D1=81=D0=BA=20=D0=BF=D0=BE=20?=
 =?UTF-8?q?=D0=BE=D0=B4=D0=BD=D0=BE=D0=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../client/src/components/Game/bullet.tsx     |  4 ++--
 .../client/src/components/Game/controls.tsx   | 19 ++++++++++++++++++-
 packages/client/src/components/Game/enemy.tsx |  4 ++--
 .../client/src/components/Game/gameLoop.tsx   |  2 ++
 4 files changed, 24 insertions(+), 5 deletions(-)

diff --git a/packages/client/src/components/Game/bullet.tsx b/packages/client/src/components/Game/bullet.tsx
index b4b5ff3..6ac1fcf 100644
--- a/packages/client/src/components/Game/bullet.tsx
+++ b/packages/client/src/components/Game/bullet.tsx
@@ -4,8 +4,8 @@ export const createBullet = (player: AbstractEntity): AbstractEntity => {
   return {
     x: player.x + player.width / 2 - 2.5, // Пуля появляется в центре танка
     y: player.y + player.height / 2 - 2.5,
-    width: 5,
-    height: 5,
+    width: 10,
+    height: 10,
     speed: 5, // Скорость пули
     direction: player.direction, // Пуля летит в направлении танка
   }
diff --git a/packages/client/src/components/Game/controls.tsx b/packages/client/src/components/Game/controls.tsx
index 9e76a76..2c8673e 100644
--- a/packages/client/src/components/Game/controls.tsx
+++ b/packages/client/src/components/Game/controls.tsx
@@ -4,6 +4,7 @@ import { detectCollision } from '@/components/Game/collision'
 import { createBullet } from '@/components/Game/bullet'
 
 let pressedKeys: string[] = []
+let shootPressed = false // Флаг для стрельбы
 
 enum Action {
   MoveUp = 'MoveUp',
@@ -38,10 +39,20 @@ export const handleKeyDown = (key: string) => {
   if (!pressedKeys.includes(key)) {
     pressedKeys.push(key)
   }
+
+  // Устанавливаем флаг, если нажата клавиша пробела (стрельба)
+  if (key === ' ') {
+    shootPressed = true
+  }
 }
 
 export const handleKeyUp = (key: string) => {
   pressedKeys = pressedKeys.filter(currentKey => currentKey !== key)
+
+  // Сбрасываем флаг, если клавиша пробела отпущена
+  if (key === ' ') {
+    shootPressed = false
+  }
 }
 
 const getActionControlByKey = (key: string): Action | null => {
@@ -78,14 +89,20 @@ export const updatePlayerAction = (props: ControlsProps) => {
   const vector = VECTORS[lastMovementAction]
 
   if (!vector) return
+
   if (lastMovementAction === Action.Shoot) {
-    props.bulletsRef.current.push(createBullet(props.playerRef.current))
+    // Стреляем только при первом нажатии на пробел
+    if (shootPressed) {
+      props.bulletsRef.current.push(createBullet(props.playerRef.current))
+      shootPressed = false // Сбрасываем флаг после выстрела
+    }
   } else {
     props.playerRef.current.direction = vector
 
     newX += vector.x * speed
     newY += vector.y * speed
   }
+
   const hasCollision = props.obstacles.some(obstacle => {
     return detectCollision(
       { ...props.playerRef.current, x: newX, y: newY },
diff --git a/packages/client/src/components/Game/enemy.tsx b/packages/client/src/components/Game/enemy.tsx
index b1a33b0..7276c8f 100644
--- a/packages/client/src/components/Game/enemy.tsx
+++ b/packages/client/src/components/Game/enemy.tsx
@@ -9,8 +9,8 @@ export const initializeEnemies = (numberOfEnemies: number) => {
     const enemy: AbstractEntity = {
       x,
       y,
-      width: 30,
-      height: 30,
+      width: 70,
+      height: 70,
       speed: 1,
       direction: { x: 0, y: 0 },
     }
diff --git a/packages/client/src/components/Game/gameLoop.tsx b/packages/client/src/components/Game/gameLoop.tsx
index 73fd08e..333a391 100644
--- a/packages/client/src/components/Game/gameLoop.tsx
+++ b/packages/client/src/components/Game/gameLoop.tsx
@@ -73,6 +73,8 @@ export const gameLoop = (
       if (hit) {
         // Убираем врага, если попали
         killEnemy(enemiesRef, enemy)
+        // Убираем пулю, если попали
+        bulletsRef.current = bulletsRef.current.filter(b => b !== bullet)
         return false
       }
       return true

From 28eaadf332545e878edc45b54d61409375026c07 Mon Sep 17 00:00:00 2001
From: Daniil <77277774+shamemask@users.noreply.github.com>
Date: Sat, 12 Oct 2024 01:01:54 +0300
Subject: [PATCH 05/13] =?UTF-8?q?[SOK-36]=20fix:=20=D0=BD=D0=B0=D1=81?=
 =?UTF-8?q?=D1=82=D1=80=D0=BE=D0=B8=D0=BB=20=D0=BE=D0=B3=D1=80=D0=B0=D0=BD?=
 =?UTF-8?q?=D0=B8=D1=87=D0=B5=D0=BD=D0=B8=D0=B5=20=D0=BF=D0=BE=20=D1=81?=
 =?UTF-8?q?=D0=BA=D0=BE=D1=80=D0=BE=D1=81=D1=82=D0=B8=20=D0=B2=D1=8B=D1=81?=
 =?UTF-8?q?=D1=82=D1=80=D0=B5=D0=BB=D0=BE=D0=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/client/src/components/Game/controls.tsx | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/packages/client/src/components/Game/controls.tsx b/packages/client/src/components/Game/controls.tsx
index 2c8673e..1a1945f 100644
--- a/packages/client/src/components/Game/controls.tsx
+++ b/packages/client/src/components/Game/controls.tsx
@@ -1,10 +1,11 @@
 import { ControlsProps } from '@/components/Game/gameTypes'
-
 import { detectCollision } from '@/components/Game/collision'
 import { createBullet } from '@/components/Game/bullet'
 
 let pressedKeys: string[] = []
 let shootPressed = false // Флаг для стрельбы
+let lastShotTime = 0 // Время последнего выстрела
+const SHOOT_DELAY = 500 // Задержка между выстрелами (в миллисекундах)
 
 enum Action {
   MoveUp = 'MoveUp',
@@ -90,11 +91,13 @@ export const updatePlayerAction = (props: ControlsProps) => {
 
   if (!vector) return
 
+  const currentTime = Date.now() // Получаем текущее время
+
   if (lastMovementAction === Action.Shoot) {
-    // Стреляем только при первом нажатии на пробел
-    if (shootPressed) {
+    // Ограничение скорости стрельбы с помощью таймера
+    if (shootPressed && currentTime - lastShotTime >= SHOOT_DELAY) {
       props.bulletsRef.current.push(createBullet(props.playerRef.current))
-      shootPressed = false // Сбрасываем флаг после выстрела
+      lastShotTime = currentTime // Обновляем время последнего выстрела
     }
   } else {
     props.playerRef.current.direction = vector

From ebe6c70e14f1231f636c58c4fd1dd5a7260fbf4f Mon Sep 17 00:00:00 2001
From: Daniil <77277774+shamemask@users.noreply.github.com>
Date: Sat, 12 Oct 2024 01:24:19 +0300
Subject: [PATCH 06/13] =?UTF-8?q?[SOK-36]=20feat:=20=D0=BD=D0=B0=D1=81?=
 =?UTF-8?q?=D1=82=D1=80=D0=BE=D0=B8=D0=BB=20=D0=B4=D0=B2=D0=B8=D0=B6=D0=B5?=
 =?UTF-8?q?=D0=BD=D0=B8=D0=B5=20=D0=B2=D1=80=D0=B0=D0=B3=D0=BE=D0=B2=20?=
 =?UTF-8?q?=D0=BA=D0=BE=D0=BD=D1=91=D0=BC,=20=D0=B0=20=D1=82=D0=B0=D0=BA?=
 =?UTF-8?q?=D0=B6=D0=B5=20=D0=BF=D0=BE=D0=B2=D0=BE=D1=80=D0=BE=D1=82=20?=
 =?UTF-8?q?=D1=81=D0=BF=D1=80=D0=B0=D0=B9=D1=82=D0=BE=D0=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/client/src/components/Game/enemy.tsx | 59 ++++++++++++++-----
 .../client/src/components/Game/gameLoop.tsx   |  3 +-
 .../client/src/components/Game/gameTypes.tsx  |  4 ++
 packages/client/src/components/Game/utils.tsx | 36 ++++++++++-
 4 files changed, 83 insertions(+), 19 deletions(-)

diff --git a/packages/client/src/components/Game/enemy.tsx b/packages/client/src/components/Game/enemy.tsx
index 7276c8f..c84084d 100644
--- a/packages/client/src/components/Game/enemy.tsx
+++ b/packages/client/src/components/Game/enemy.tsx
@@ -1,12 +1,13 @@
 import { getRandomEdgePosition } from './utils'
-import { AbstractEntity } from '@/components/Game/gameTypes'
+import { AbstractEntity, Enemy } from '@/components/Game/gameTypes'
 
 export const initializeEnemies = (numberOfEnemies: number) => {
-  const initialEnemies: AbstractEntity[] = []
+  const initialEnemies: Enemy[] = []
   for (let i = 0; i < numberOfEnemies; i++) {
     // количество врагов
     const { x, y } = getRandomEdgePosition(800, 600)
-    const enemy: AbstractEntity = {
+    const enemy: Enemy = {
+      id: i,
       x,
       y,
       width: 70,
@@ -16,36 +17,64 @@ export const initializeEnemies = (numberOfEnemies: number) => {
     }
     initialEnemies.push(enemy)
   }
-  return initialEnemies as AbstractEntity[]
+  return initialEnemies as Enemy[]
 }
 
 export const updateEnemyPositions = (
   player: AbstractEntity,
-  enemiesRef: React.MutableRefObject<AbstractEntity[]>
+  enemiesRef: React.MutableRefObject<Enemy[]>
 ) => {
   enemiesRef.current = enemiesRef.current.map(enemy => {
+    // Определяем разницу по X и Y
     const directionX = player.x - enemy.x
     const directionY = player.y - enemy.y
 
-    const magnitude = Math.sqrt(directionX ** 2 + directionY ** 2)
-    const normalizedX = directionX / magnitude
-    const normalizedY = directionY / magnitude
+    // Выбираем ближайшую ось для начала движения
+    const moveAlongX = Math.abs(directionX) > Math.abs(directionY)
 
-    const newX = enemy.x + normalizedX * enemy.speed
-    const newY = enemy.y + normalizedY * enemy.speed
+    let stepX = 0
+    let stepY = 0
 
-    return { ...enemy, x: newX, y: newY }
+    let newDirection: { x: number; y: number }
+
+    if (moveAlongX) {
+      // Если разница по X больше, двигаемся по X
+      if (Math.abs(directionX) > enemy.speed) {
+        stepX = Math.sign(directionX) * enemy.speed
+        newDirection = { x: Math.sign(directionX), y: 0 } // направление по X
+      } else {
+        // Если по оси X выровнялись, двигаемся по Y
+        stepY = Math.sign(directionY) * enemy.speed
+        newDirection = { x: 0, y: Math.sign(directionY) } // направление по Y
+      }
+    } else {
+      // Если разница по Y больше, двигаемся по Y
+      if (Math.abs(directionY) > enemy.speed) {
+        stepY = Math.sign(directionY) * enemy.speed
+        newDirection = { x: 0, y: Math.sign(directionY) } // направление по Y
+      } else {
+        // Если по оси Y выровнялись, двигаемся по X
+        stepX = Math.sign(directionX) * enemy.speed
+        newDirection = { x: Math.sign(directionX), y: 0 } // направление по X
+      }
+    }
+
+    const newX = enemy.x + stepX
+    const newY = enemy.y + stepY
+
+    // Обновляем направление врага
+    enemy.direction = newDirection
+
+    return { ...enemy, x: newX, y: newY, direction: newDirection }
   })
 }
 
-export const respawnEnemies = (
-  enemiesRef: React.MutableRefObject<AbstractEntity[]>
-) => {
+export const respawnEnemies = (enemiesRef: React.MutableRefObject<Enemy[]>) => {
   enemiesRef.current = initializeEnemies(5)
 }
 
 export const killEnemy = (
-  enemiesRef: React.MutableRefObject<AbstractEntity[]>,
+  enemiesRef: React.MutableRefObject<Enemy[]>,
   enemy: AbstractEntity
 ) => {
   enemiesRef.current = enemiesRef.current.filter(e => e !== enemy)
diff --git a/packages/client/src/components/Game/gameLoop.tsx b/packages/client/src/components/Game/gameLoop.tsx
index 333a391..154fbcb 100644
--- a/packages/client/src/components/Game/gameLoop.tsx
+++ b/packages/client/src/components/Game/gameLoop.tsx
@@ -11,6 +11,7 @@ import {
   ControlsProps,
   AbstractEntity,
   Obstacle,
+  Enemy,
 } from '@/components/Game/gameTypes'
 import {
   detectBulletCollision,
@@ -34,7 +35,7 @@ export const gameLoop = (
   context: CanvasRenderingContext2D,
   canvasRef: React.MutableRefObject<HTMLCanvasElement | null>,
   playerRef: React.MutableRefObject<AbstractEntity>,
-  enemiesRef: React.MutableRefObject<AbstractEntity[]>,
+  enemiesRef: React.MutableRefObject<Enemy[]>,
   bulletsRef: React.MutableRefObject<AbstractEntity[]>,
   obstaclesRef: React.MutableRefObject<Obstacle[]>,
   livesRef: React.MutableRefObject<number>,
diff --git a/packages/client/src/components/Game/gameTypes.tsx b/packages/client/src/components/Game/gameTypes.tsx
index 00d0902..1391a3a 100644
--- a/packages/client/src/components/Game/gameTypes.tsx
+++ b/packages/client/src/components/Game/gameTypes.tsx
@@ -7,6 +7,10 @@ export interface AbstractEntity {
   direction: { x: number; y: number }
 }
 
+export interface Enemy extends AbstractEntity {
+  id: number
+}
+
 export interface Obstacle {
   x: number
   y: number
diff --git a/packages/client/src/components/Game/utils.tsx b/packages/client/src/components/Game/utils.tsx
index 388131c..e8ef626 100644
--- a/packages/client/src/components/Game/utils.tsx
+++ b/packages/client/src/components/Game/utils.tsx
@@ -1,7 +1,7 @@
 import enemiesSpritePath from '@/assets/images/sprites/enemy.svg'
 import tankSpritePath from '@/assets/images/sprites/tank.svg'
 import wallSpritePath from '@/assets/images/sprites/wall.svg'
-import { AbstractEntity, Obstacle } from '@/components/Game/gameTypes'
+import { AbstractEntity, Enemy, Obstacle } from '@/components/Game/gameTypes'
 
 export const getRandomEdgePosition = (
   canvasWidth: number,
@@ -65,12 +65,42 @@ export const drawPlayer = (
 const enemiesSprite = new Image()
 enemiesSprite.src = enemiesSpritePath
 
+const lastEnemyDirection: Record<number, { x: number; y: number }> = {}
+
 export const drawEnemies = (
   context: CanvasRenderingContext2D,
-  enemies: AbstractEntity[]
+  enemies: Enemy[]
 ) => {
   enemies.forEach(enemy => {
-    context.drawImage(enemiesSprite, enemy.x, enemy.y)
+    let direction = { ...enemy.direction }
+
+    // Если враг не двигается, используем последнее направление
+    const isEnemyIdle = direction.x === 0 && direction.y === 0
+    if (isEnemyIdle) {
+      direction = lastEnemyDirection[enemy.id] || { x: 1, y: 0 } // по умолчанию вправо
+    } else {
+      lastEnemyDirection[enemy.id] = direction // сохраняем последнее направление для врага
+    }
+
+    context.save()
+
+    // Перемещаем контекст на позицию врага
+    context.translate(enemy.x + enemy.width / 2, enemy.y + enemy.height / 2)
+
+    // Вычисляем угол поворота на основе направления
+    const angle = Math.atan2(direction.x, -direction.y)
+    context.rotate(angle)
+
+    // Отрисовываем спрайт врага с учётом его ширины и высоты
+    context.drawImage(
+      enemiesSprite,
+      -enemy.width / 2,
+      -enemy.height / 2,
+      enemy.width,
+      enemy.height
+    )
+
+    context.restore()
   })
 }
 

From c6ab430618a22f7944bdd43950959d0290adcf01 Mon Sep 17 00:00:00 2001
From: Daniil <77277774+shamemask@users.noreply.github.com>
Date: Sat, 12 Oct 2024 01:41:46 +0300
Subject: [PATCH 07/13] =?UTF-8?q?[SOK-36]=20feat:=20=D0=BD=D0=B0=D1=81?=
 =?UTF-8?q?=D1=82=D1=80=D0=BE=D0=B8=D0=BB=20=D0=B2=D1=8B=D1=81=D1=82=D1=80?=
 =?UTF-8?q?=D0=B5=D0=BB=D1=8B=20=D0=B2=D1=80=D0=B0=D0=B3=D0=BE=D0=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../client/src/components/Game/bullet.tsx     | 43 +++++++++++++++----
 packages/client/src/components/Game/enemy.tsx | 18 ++++++++
 .../client/src/components/Game/gameLoop.tsx   | 20 ++++++++-
 .../client/src/components/Game/gameTypes.tsx  |  1 +
 4 files changed, 73 insertions(+), 9 deletions(-)

diff --git a/packages/client/src/components/Game/bullet.tsx b/packages/client/src/components/Game/bullet.tsx
index 6ac1fcf..cae0622 100644
--- a/packages/client/src/components/Game/bullet.tsx
+++ b/packages/client/src/components/Game/bullet.tsx
@@ -1,13 +1,40 @@
-import { AbstractEntity } from '@/components/Game/gameTypes'
+import { AbstractEntity, Enemy } from '@/components/Game/gameTypes'
+
+export const createBullet = (enemy: Enemy): AbstractEntity => {
+  const bulletSpeed = 5 // Задайте скорость пули
+  const bulletDirection = { x: enemy.direction.x, y: enemy.direction.y }
+
+  // Начальная позиция пули в зависимости от направления врага
+  let bulletX, bulletY
+
+  if (enemy.direction.y < 0) {
+    // Вверх
+    bulletX = enemy.x + enemy.width / 2 // Центр по X
+    bulletY = enemy.y // Верхняя часть врага
+  } else if (enemy.direction.y > 0) {
+    // Вниз
+    bulletX = enemy.x + enemy.width / 2 // Центр по X
+    bulletY = enemy.y + enemy.height // Нижняя часть врага
+  } else if (enemy.direction.x < 0) {
+    // Влево
+    bulletX = enemy.x // Левый край врага
+    bulletY = enemy.y + enemy.height / 2 // Центр по Y
+  } else if (enemy.direction.x > 0) {
+    // Вправо
+    bulletX = enemy.x + enemy.width // Правый край врага
+    bulletY = enemy.y + enemy.height / 2 // Центр по Y
+  } else {
+    bulletX = enemy.x + enemy.width / 2 // По умолчанию - центр
+    bulletY = enemy.y + enemy.height / 2 // По умолчанию - центр
+  }
 
-export const createBullet = (player: AbstractEntity): AbstractEntity => {
   return {
-    x: player.x + player.width / 2 - 2.5, // Пуля появляется в центре танка
-    y: player.y + player.height / 2 - 2.5,
-    width: 10,
-    height: 10,
-    speed: 5, // Скорость пули
-    direction: player.direction, // Пуля летит в направлении танка
+    x: bulletX,
+    y: bulletY,
+    width: 5, // Ширина пули
+    height: 5, // Высота пули
+    speed: bulletSpeed,
+    direction: bulletDirection,
   }
 }
 
diff --git a/packages/client/src/components/Game/enemy.tsx b/packages/client/src/components/Game/enemy.tsx
index c84084d..769ea67 100644
--- a/packages/client/src/components/Game/enemy.tsx
+++ b/packages/client/src/components/Game/enemy.tsx
@@ -1,5 +1,6 @@
 import { getRandomEdgePosition } from './utils'
 import { AbstractEntity, Enemy } from '@/components/Game/gameTypes'
+import { createBullet } from '@/components/Game/bullet'
 
 export const initializeEnemies = (numberOfEnemies: number) => {
   const initialEnemies: Enemy[] = []
@@ -79,3 +80,20 @@ export const killEnemy = (
 ) => {
   enemiesRef.current = enemiesRef.current.filter(e => e !== enemy)
 }
+
+export const handleEnemyShooting = (
+  enemies: Enemy[],
+  bulletsRef: React.MutableRefObject<AbstractEntity[]>
+) => {
+  const currentTime = Date.now() // Текущее время в миллисекундах
+
+  enemies.forEach(enemy => {
+    // Проверяем, если прошло больше 2 секунд (2000 миллисекунд) с последнего выстрела
+    if (!enemy.lastShotTime || currentTime - enemy.lastShotTime >= 2000) {
+      bulletsRef.current.push(createBullet(enemy)) // Создаём новую пулю для врага
+
+      // Обновляем время последнего выстрела
+      enemy.lastShotTime = currentTime
+    }
+  })
+}
diff --git a/packages/client/src/components/Game/gameLoop.tsx b/packages/client/src/components/Game/gameLoop.tsx
index 154fbcb..a2ba21a 100644
--- a/packages/client/src/components/Game/gameLoop.tsx
+++ b/packages/client/src/components/Game/gameLoop.tsx
@@ -1,5 +1,10 @@
 import { HandlePlayerHit, resetPlayerPosition } from './player'
-import { updateEnemyPositions, respawnEnemies, killEnemy } from './enemy'
+import {
+  updateEnemyPositions,
+  respawnEnemies,
+  killEnemy,
+  handleEnemyShooting,
+} from './enemy'
 import {
   clearCanvas,
   drawPlayer,
@@ -55,6 +60,9 @@ export const gameLoop = (
   }
   updatePlayerAction(moveProps)
 
+  // Стрельба врагов каждые 2 секунды
+  handleEnemyShooting(enemiesRef.current, bulletsRef)
+
   bulletsRef.current = updateBullets(
     bulletsRef.current,
     canvasRef.current.width,
@@ -80,6 +88,16 @@ export const gameLoop = (
       }
       return true
     })
+    if (detectBulletCollision(bullet, playerRef.current)) {
+      // Уменьшаем жизни игрока
+      livesRef.current -= 1
+      // Удаляем пулю после попадания
+      bulletsRef.current = bulletsRef.current.filter(b => b !== bullet)
+      // Проверка на окончание игры
+      if (livesRef.current <= 0) {
+        handleGameOver()
+      }
+    }
   })
 
   // Проверка на столкновения между игроком и врагами
diff --git a/packages/client/src/components/Game/gameTypes.tsx b/packages/client/src/components/Game/gameTypes.tsx
index 1391a3a..961d701 100644
--- a/packages/client/src/components/Game/gameTypes.tsx
+++ b/packages/client/src/components/Game/gameTypes.tsx
@@ -9,6 +9,7 @@ export interface AbstractEntity {
 
 export interface Enemy extends AbstractEntity {
   id: number
+  lastShotTime?: number
 }
 
 export interface Obstacle {

From 9727692239704290aa6801bcce6ceb1d5d161437 Mon Sep 17 00:00:00 2001
From: Daniil <77277774+shamemask@users.noreply.github.com>
Date: Sat, 12 Oct 2024 01:49:58 +0300
Subject: [PATCH 08/13] =?UTF-8?q?[SOK-36]=20fix:=20=D0=B8=D1=81=D0=BF?=
 =?UTF-8?q?=D1=80=D0=B0=D0=B2=D0=B8=D0=BB=20=D1=80=D0=B5=D0=BF=D0=B0=D1=83?=
 =?UTF-8?q?=D0=BD=20=D0=B8=20=D0=BA=D0=BE=D0=BB=D0=BB=D0=B8=D0=B7=D0=B8?=
 =?UTF-8?q?=D1=8E=20=D0=B2=D1=80=D0=B0=D0=B3=D0=BE=D0=B2=20=D0=B4=D1=80?=
 =?UTF-8?q?=D1=83=D0=B3=20=D1=81=20=D0=B4=D1=80=D1=83=D0=B3=D0=BE=D0=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../client/src/components/Game/bullet.tsx     |  4 +-
 packages/client/src/components/Game/enemy.tsx | 58 +++++++++++++++++--
 .../client/src/components/Game/gameLoop.tsx   |  2 +-
 3 files changed, 56 insertions(+), 8 deletions(-)

diff --git a/packages/client/src/components/Game/bullet.tsx b/packages/client/src/components/Game/bullet.tsx
index cae0622..2a69dc4 100644
--- a/packages/client/src/components/Game/bullet.tsx
+++ b/packages/client/src/components/Game/bullet.tsx
@@ -1,6 +1,6 @@
-import { AbstractEntity, Enemy } from '@/components/Game/gameTypes'
+import { AbstractEntity } from '@/components/Game/gameTypes'
 
-export const createBullet = (enemy: Enemy): AbstractEntity => {
+export const createBullet = (enemy: AbstractEntity): AbstractEntity => {
   const bulletSpeed = 5 // Задайте скорость пули
   const bulletDirection = { x: enemy.direction.x, y: enemy.direction.y }
 
diff --git a/packages/client/src/components/Game/enemy.tsx b/packages/client/src/components/Game/enemy.tsx
index 769ea67..7037715 100644
--- a/packages/client/src/components/Game/enemy.tsx
+++ b/packages/client/src/components/Game/enemy.tsx
@@ -1,6 +1,7 @@
 import { getRandomEdgePosition } from './utils'
 import { AbstractEntity, Enemy } from '@/components/Game/gameTypes'
 import { createBullet } from '@/components/Game/bullet'
+import { detectCollision } from '@/components/Game/collision'
 
 export const initializeEnemies = (numberOfEnemies: number) => {
   const initialEnemies: Enemy[] = []
@@ -63,15 +64,62 @@ export const updateEnemyPositions = (
     const newX = enemy.x + stepX
     const newY = enemy.y + stepY
 
-    // Обновляем направление врага
-    enemy.direction = newDirection
+    // Проверка столкновений с другими врагами
+    const hasCollision = enemiesRef.current.some(otherEnemy => {
+      if (otherEnemy === enemy) return false // Пропускаем сравнение с самим собой
+      return detectCollision({ ...enemy, x: newX, y: newY }, otherEnemy)
+    })
 
-    return { ...enemy, x: newX, y: newY, direction: newDirection }
+    // Если нет коллизии, обновляем позицию врага
+    if (!hasCollision) {
+      enemy.direction = newDirection // Обновляем направление врага
+      return { ...enemy, x: newX, y: newY, direction: newDirection }
+    }
+
+    // Если есть коллизия, возвращаем текущую позицию
+    return enemy
   })
 }
 
-export const respawnEnemies = (enemiesRef: React.MutableRefObject<Enemy[]>) => {
-  enemiesRef.current = initializeEnemies(5)
+const isPositionOccupied = (
+  position: { x: number; y: number },
+  enemies: AbstractEntity[]
+) => {
+  return enemies.some(enemy =>
+    detectCollision({ ...enemy, x: position.x, y: position.y }, enemy)
+  )
+}
+
+const respawnEnemy = (
+  enemy: AbstractEntity,
+  enemies: AbstractEntity[],
+  canvasWidth: number,
+  canvasHeight: number
+) => {
+  let newPosition
+  do {
+    newPosition = {
+      x: Math.random() * canvasWidth, // Предполагается, что canvasWidth доступен
+      y: Math.random() * canvasHeight, // Предполагается, что canvasHeight доступен
+    }
+  } while (isPositionOccupied(newPosition, enemies))
+
+  return { ...enemy, ...newPosition } // Возвращаем врага с новой позицией
+}
+
+// Пример использования respawnEnemy в вашем коде
+export const respawnEnemies = (
+  enemiesRef: React.MutableRefObject<AbstractEntity[]>,
+  canvasRef: React.MutableRefObject<HTMLCanvasElement | null>
+) => {
+  if (!canvasRef.current) {
+    return
+  }
+  const { width: canvasWidth, height: canvasHeight } =
+    canvasRef.current.getBoundingClientRect()
+  enemiesRef.current = enemiesRef.current.map(enemy =>
+    respawnEnemy(enemy, enemiesRef.current, canvasWidth, canvasHeight)
+  )
 }
 
 export const killEnemy = (
diff --git a/packages/client/src/components/Game/gameLoop.tsx b/packages/client/src/components/Game/gameLoop.tsx
index a2ba21a..d7b80be 100644
--- a/packages/client/src/components/Game/gameLoop.tsx
+++ b/packages/client/src/components/Game/gameLoop.tsx
@@ -108,7 +108,7 @@ export const gameLoop = (
         livesRef,
         handleGameOver,
         () => resetPlayerPosition(playerRef),
-        () => respawnEnemies(enemiesRef)
+        () => respawnEnemies(enemiesRef, canvasRef)
       )
     }
   })

From e55a0ac8894fb51683f5dbe181157305b6e98c9f Mon Sep 17 00:00:00 2001
From: Daniil <77277774+shamemask@users.noreply.github.com>
Date: Sat, 12 Oct 2024 02:09:44 +0300
Subject: [PATCH 09/13] =?UTF-8?q?[SOK-36]=20fix:=20=D0=BD=D0=B0=D1=81?=
 =?UTF-8?q?=D1=82=D1=80=D0=BE=D0=B8=D0=BB=20=D1=80=D0=B0=D1=81=D0=BF=D1=80?=
 =?UTF-8?q?=D0=B5=D0=B4=D0=B5=D0=BB=D0=B5=D0=BD=D0=B8=D0=B5=20=D0=BF=D1=80?=
 =?UTF-8?q?=D0=B5=D0=BF=D1=8F=D1=82=D1=81=D1=82=D0=B2=D0=B8=D0=B9,=20?=
 =?UTF-8?q?=D0=B0=20=D1=82=D0=B0=D0=BA=D0=B6=D0=B5=20=D0=B8=D1=85=20=D1=80?=
 =?UTF-8?q?=D0=B0=D0=B7=D1=80=D1=83=D1=88=D0=B5=D0=BD=D0=B8=D0=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../client/src/components/Game/collision.tsx  | 12 +++++
 packages/client/src/components/Game/enemy.tsx | 20 ++++++---
 .../client/src/components/Game/gameLoop.tsx   |  6 ++-
 .../client/src/components/Game/obstacle.tsx   | 44 ++++++++++++++++---
 packages/client/src/components/Game/utils.tsx | 11 +++++
 5 files changed, 80 insertions(+), 13 deletions(-)

diff --git a/packages/client/src/components/Game/collision.tsx b/packages/client/src/components/Game/collision.tsx
index aba48a6..aa62ce3 100644
--- a/packages/client/src/components/Game/collision.tsx
+++ b/packages/client/src/components/Game/collision.tsx
@@ -35,3 +35,15 @@ export const detectBulletCollision = (
     bullet.y + bullet.height > entity.y
   )
 }
+
+export const detectObstacleCollision = (
+  obstacle1: Obstacle,
+  obstacle2: Obstacle
+): boolean => {
+  return (
+    obstacle1.x < obstacle2.x + obstacle2.width &&
+    obstacle1.x + obstacle1.width > obstacle2.x &&
+    obstacle1.y < obstacle2.y + obstacle2.height &&
+    obstacle1.y + obstacle1.height > obstacle2.y
+  )
+}
diff --git a/packages/client/src/components/Game/enemy.tsx b/packages/client/src/components/Game/enemy.tsx
index 7037715..032c7c1 100644
--- a/packages/client/src/components/Game/enemy.tsx
+++ b/packages/client/src/components/Game/enemy.tsx
@@ -1,5 +1,5 @@
 import { getRandomEdgePosition } from './utils'
-import { AbstractEntity, Enemy } from '@/components/Game/gameTypes'
+import { AbstractEntity, Enemy, Obstacle } from '@/components/Game/gameTypes'
 import { createBullet } from '@/components/Game/bullet'
 import { detectCollision } from '@/components/Game/collision'
 
@@ -24,7 +24,8 @@ export const initializeEnemies = (numberOfEnemies: number) => {
 
 export const updateEnemyPositions = (
   player: AbstractEntity,
-  enemiesRef: React.MutableRefObject<Enemy[]>
+  enemiesRef: React.MutableRefObject<Enemy[]>,
+  obstacles: Obstacle[]
 ) => {
   enemiesRef.current = enemiesRef.current.map(enemy => {
     // Определяем разницу по X и Y
@@ -65,14 +66,19 @@ export const updateEnemyPositions = (
     const newY = enemy.y + stepY
 
     // Проверка столкновений с другими врагами
-    const hasCollision = enemiesRef.current.some(otherEnemy => {
-      if (otherEnemy === enemy) return false // Пропускаем сравнение с самим собой
+    const hasEnemyCollision = enemiesRef.current.some(otherEnemy => {
+      if (otherEnemy === enemy) return false
       return detectCollision({ ...enemy, x: newX, y: newY }, otherEnemy)
     })
 
+    // Проверка коллизий с препятствиями
+    const hasObstacleCollision = obstacles.some(obstacle => {
+      return detectCollision({ ...enemy, x: newX, y: newY }, obstacle)
+    })
+
     // Если нет коллизии, обновляем позицию врага
-    if (!hasCollision) {
-      enemy.direction = newDirection // Обновляем направление врага
+    if (!hasEnemyCollision && !hasObstacleCollision) {
+      enemy.direction = newDirection
       return { ...enemy, x: newX, y: newY, direction: newDirection }
     }
 
@@ -123,7 +129,7 @@ export const respawnEnemies = (
 }
 
 export const killEnemy = (
-  enemiesRef: React.MutableRefObject<Enemy[]>,
+  enemiesRef: React.MutableRefObject<AbstractEntity[]>,
   enemy: AbstractEntity
 ) => {
   enemiesRef.current = enemiesRef.current.filter(e => e !== enemy)
diff --git a/packages/client/src/components/Game/gameLoop.tsx b/packages/client/src/components/Game/gameLoop.tsx
index d7b80be..efc6562 100644
--- a/packages/client/src/components/Game/gameLoop.tsx
+++ b/packages/client/src/components/Game/gameLoop.tsx
@@ -24,6 +24,7 @@ import {
 } from '@/components/Game/collision'
 import { updatePlayerAction } from '@/components/Game/controls'
 import { updateBullets } from '@/components/Game/bullet'
+import { handleBulletObstacleCollisions } from '@/components/Game/obstacle'
 
 /**
  * Основной игровой цикл, который обновляет состояние игры и перерисовывает экран каждый кадр.
@@ -49,7 +50,7 @@ export const gameLoop = (
   clearCanvas(context)
 
   // Обновление позиций врагов
-  updateEnemyPositions(playerRef.current, enemiesRef)
+  updateEnemyPositions(playerRef.current, enemiesRef, obstaclesRef.current)
   if (!canvasRef.current) return
   const moveProps: ControlsProps = {
     playerRef,
@@ -63,6 +64,9 @@ export const gameLoop = (
   // Стрельба врагов каждые 2 секунды
   handleEnemyShooting(enemiesRef.current, bulletsRef)
 
+  // Обработка столкновений с препятствиями
+  handleBulletObstacleCollisions(bulletsRef.current, obstaclesRef.current)
+
   bulletsRef.current = updateBullets(
     bulletsRef.current,
     canvasRef.current.width,
diff --git a/packages/client/src/components/Game/obstacle.tsx b/packages/client/src/components/Game/obstacle.tsx
index 3743838..dba6b8f 100644
--- a/packages/client/src/components/Game/obstacle.tsx
+++ b/packages/client/src/components/Game/obstacle.tsx
@@ -1,12 +1,46 @@
-import { Obstacle } from '@/components/Game/gameTypes'
-import { getRandomEdgePosition } from '@/components/Game/utils'
+import { AbstractEntity, Obstacle } from '@/components/Game/gameTypes'
+import { getRandomPosition } from '@/components/Game/utils'
+import {
+  detectCollision,
+  detectObstacleCollision,
+} from '@/components/Game/collision'
 
 export const initializeObstacle = (): Obstacle[] => {
   const obstacles: Obstacle[] = []
-  for (let i = 0; i < 10; i++) {
-    const { x, y } = getRandomEdgePosition(800, 600)
+
+  while (obstacles.length < 20) {
+    const { x, y } = getRandomPosition(800, 600)
     const obstacle: Obstacle = { x, y, width: 50, height: 50 }
-    obstacles.push(obstacle)
+
+    // Проверяем, нет ли коллизий с существующими препятствиями
+    const hasCollision = obstacles.some(existingObstacle =>
+      detectObstacleCollision(obstacle, existingObstacle)
+    )
+
+    if (!hasCollision) {
+      obstacles.push(obstacle) // Добавляем препятствие, если нет коллизий
+    }
   }
+
   return obstacles
 }
+
+export const handleBulletObstacleCollisions = (
+  bullets: AbstractEntity[],
+  obstacles: Obstacle[]
+) => {
+  bullets.forEach(bullet => {
+    // Проверка коллизий с препятствиями
+    obstacles.forEach(obstacle => {
+      if (detectCollision(bullet, obstacle)) {
+        // Логика для уничтожения пули, если она попала в препятствие
+        bullets.splice(bullets.indexOf(bullet), 1) // Пример, удаляем пулю, если попала в препятствие
+        killObstacle(obstacles, obstacle)
+      }
+    })
+  })
+}
+
+const killObstacle = (obstacles: Obstacle[], obstacle: Obstacle) => {
+  obstacles.splice(obstacles.indexOf(obstacle), 1)
+}
diff --git a/packages/client/src/components/Game/utils.tsx b/packages/client/src/components/Game/utils.tsx
index e8ef626..aaacbc7 100644
--- a/packages/client/src/components/Game/utils.tsx
+++ b/packages/client/src/components/Game/utils.tsx
@@ -21,6 +21,17 @@ export const getRandomEdgePosition = (
   }
 }
 
+export const getRandomPosition = (
+  canvasWidth: number,
+  canvasHeight: number,
+  obstacleWidth = 50, // Ширина препятствия
+  obstacleHeight = 50 // Высота препятствия
+): { x: number; y: number } => {
+  const x = Math.random() * (canvasWidth - obstacleWidth) // Генерируем случайное X
+  const y = Math.random() * (canvasHeight - obstacleHeight) // Генерируем случайное Y
+  return { x, y }
+}
+
 export const clearCanvas = (context: CanvasRenderingContext2D) => {
   context.clearRect(0, 0, context.canvas.width, context.canvas.height)
 }

From e72592700d700eef50cdb4df59e174be080539b4 Mon Sep 17 00:00:00 2001
From: Iskandarov Timur <timur.iskandarov96@gmail.com>
Date: Sun, 13 Oct 2024 01:56:04 +0500
Subject: [PATCH 10/13] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8?=
 =?UTF-8?q?=D0=BB=20=D0=B0=D0=BD=D0=BC=D0=B8=D1=86=D0=B8=D1=8E=20=D0=B4?=
 =?UTF-8?q?=D0=B2=D0=B8=D0=B6=D0=B5=D0=BD=D0=B8=D1=8F=20=D1=82=D0=B0=D0=BD?=
 =?UTF-8?q?=D0=BA=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/assets/images/sprites/enemy.png       | Bin 0 -> 18293 bytes
 .../client/src/assets/images/sprites/tank.png | Bin 0 -> 18137 bytes
 packages/client/src/components/Game/enemy.tsx |  45 +++++++-
 .../client/src/components/Game/gameTypes.tsx  |   8 ++
 .../client/src/components/Game/player.tsx     |   8 +-
 packages/client/src/components/Game/utils.tsx | 105 ++++++++----------
 6 files changed, 105 insertions(+), 61 deletions(-)
 create mode 100644 packages/client/src/assets/images/sprites/enemy.png
 create mode 100644 packages/client/src/assets/images/sprites/tank.png

diff --git a/packages/client/src/assets/images/sprites/enemy.png b/packages/client/src/assets/images/sprites/enemy.png
new file mode 100644
index 0000000000000000000000000000000000000000..44c31549c1221e63cb1a8b23caa7a4097eec40c7
GIT binary patch
literal 18293
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
Ef`l5YNdN!<

literal 0
HcmV?d00001

diff --git a/packages/client/src/assets/images/sprites/tank.png b/packages/client/src/assets/images/sprites/tank.png
new file mode 100644
index 0000000000000000000000000000000000000000..56e0a69311a5a495dc9719bfcbf58fa612eb3d3a
GIT binary patch
literal 18137
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
Ef{ZVapa1{>

literal 0
HcmV?d00001

diff --git a/packages/client/src/components/Game/enemy.tsx b/packages/client/src/components/Game/enemy.tsx
index d966e0c..cdc68f3 100644
--- a/packages/client/src/components/Game/enemy.tsx
+++ b/packages/client/src/components/Game/enemy.tsx
@@ -20,6 +20,12 @@ export const initializeRandomEnemies = (numberOfEnemies: number) => {
       id: i,
       x,
       y,
+      animation: {
+        currentFrame: 0,
+        totalFrames: 4,
+        frameInterval: 10,
+        frameCount: 0,    
+      }
     }
     initialEnemies.push(enemy)
   }
@@ -28,9 +34,42 @@ export const initializeRandomEnemies = (numberOfEnemies: number) => {
 
 export const initializeCampanyEnemies = (): Enemy[] => {
   return [
-    { ...enemyParams, id: 0, x: 50, y: 55 },
-    { ...enemyParams, id: 1, x: 320, y: 250 },
-    { ...enemyParams, id: 2, x: 715, y: 60 },
+    { 
+      ...enemyParams, 
+      id: 0, 
+      x: 50, 
+      y: 55,
+      animation: {
+        currentFrame: 0,
+        totalFrames: 4,
+        frameInterval: 10,
+        frameCount: 0,    
+      }
+    },
+    { 
+      ...enemyParams, 
+      id: 1, 
+      x: 320, 
+      y: 250,
+      animation: {
+        currentFrame: 0,
+        totalFrames: 4,
+        frameInterval: 10,
+        frameCount: 0,    
+      }
+    },
+    { 
+      ...enemyParams, 
+      id: 2, 
+      x: 715, 
+      y: 60,
+      animation: {
+        currentFrame: 0,
+        totalFrames: 4,
+        frameInterval: 10,
+        frameCount: 0,    
+      }
+    },
   ]
 }
 
diff --git a/packages/client/src/components/Game/gameTypes.tsx b/packages/client/src/components/Game/gameTypes.tsx
index 961d701..89174e5 100644
--- a/packages/client/src/components/Game/gameTypes.tsx
+++ b/packages/client/src/components/Game/gameTypes.tsx
@@ -1,3 +1,10 @@
+interface AnimationParams {
+  currentFrame: number,
+  totalFrames: number,
+  frameInterval: number,
+  frameCount?: number,
+}
+
 export interface AbstractEntity {
   x: number
   y: number
@@ -5,6 +12,7 @@ export interface AbstractEntity {
   height: number
   speed: number
   direction: { x: number; y: number }
+  animation: AnimationParams
 }
 
 export interface Enemy extends AbstractEntity {
diff --git a/packages/client/src/components/Game/player.tsx b/packages/client/src/components/Game/player.tsx
index e1f1f72..14ecfc4 100644
--- a/packages/client/src/components/Game/player.tsx
+++ b/packages/client/src/components/Game/player.tsx
@@ -6,8 +6,14 @@ export const PLAYER_DEFAULT_PARAMS = {
   y: 560,
   width: 70,
   height: 70,
-  speed: 3,
+  speed: 2,
   direction: { x: 0, y: 0 },
+  animation: {
+    currentFrame: 0,      // Текущий кадр спрайта
+    totalFrames: 4,       // Общее количество кадров в спрайте
+    frameInterval: 10,    // Интервал для смены кадра (в циклах или миллисекундах)
+    frameCount: 0,        // Счетчик кадров для контроля интервала
+  }
 }
 
 export const resetPlayerPosition = (
diff --git a/packages/client/src/components/Game/utils.tsx b/packages/client/src/components/Game/utils.tsx
index d83bca5..e1ddacc 100644
--- a/packages/client/src/components/Game/utils.tsx
+++ b/packages/client/src/components/Game/utils.tsx
@@ -1,5 +1,6 @@
-import enemiesSpritePath from '@/assets/images/sprites/enemy.svg'
-import tankSpritePath from '@/assets/images/sprites/tank.svg'
+import enemiesSpritePath from '@/assets/images/sprites/enemy.png'
+import playerSpritePath from '@/assets/images/sprites/tank.png'
+import bulletSpritePath from '@/assets/images/sprites/bullet.png'
 import wallSpritePath from '@/assets/images/sprites/wall.svg'
 import { AbstractEntity, Enemy, Obstacle } from '@/components/Game/gameTypes'
 
@@ -36,41 +37,59 @@ export const clearCanvas = (context: CanvasRenderingContext2D) => {
   context.clearRect(0, 0, context.canvas.width, context.canvas.height)
 }
 
-const tankSprite = new Image()
-tankSprite.src = tankSpritePath
-
-let lastPlayerDirection = { x: 0, y: 0 }
-
-export const drawPlayer = (
-  context: CanvasRenderingContext2D,
-  player: AbstractEntity
+const darawTank = (
+  sprite: HTMLImageElement, 
+  context: CanvasRenderingContext2D, 
+  data: AbstractEntity
 ) => {
-  let direction = { ...player.direction }
-
-  const isPlayerIdle = direction.x === 0 && direction.y === 0
+  const { animation } = data
+  const { direction } = data
+  const moovment = direction.x !== 0 ? data.x : data.y
+  const spriteSettings = {
+    width: 0,
+    height: 0,
+    sourceX: 0,
+    sourceY: 0
+  }
 
-  if (isPlayerIdle) {
-    direction = lastPlayerDirection
-  } else {
-    lastPlayerDirection = direction
+  // Если смещение кратно 10 меняем кадр
+  if (moovment % animation.frameInterval === 0) { 
+    animation.currentFrame = (animation.currentFrame + 1) % 
+      animation?.totalFrames; 
   }
 
+  spriteSettings.width = sprite.width / animation.totalFrames;
+  spriteSettings.height = sprite.height;
+  spriteSettings.sourceX = animation.currentFrame * spriteSettings.width; 
+  spriteSettings.sourceY = 0;
+
   context.save()
+  context.translate(data.x + data.width / 2, data.y + data.height / 2)
+  context.rotate(Math.atan2(direction.x, -direction.y))
+  context.drawImage(
+    sprite,       
+    spriteSettings.sourceX,          
+    spriteSettings.sourceY,          
+    spriteSettings.width,      
+    spriteSettings.height,     
+    -data.width / 2,
+    -data.height / 2,
+    data.width,     
+    data.height     
+  ) 
 
-  context.translate(player.x + player.width / 2, player.y + player.height / 2)
+  context.restore()
+}
 
-  const angle = Math.atan2(direction.x, -direction.y)
-  context.rotate(angle)
+const playerSprite = new Image()
 
-  context.drawImage(
-    tankSprite,
-    -player.width / 2,
-    -player.height / 2,
-    player.width,
-    player.height
-  )
+playerSprite.src = playerSpritePath
 
-  context.restore()
+export const drawPlayer = (
+  context: CanvasRenderingContext2D,
+  player: AbstractEntity
+) => {
+  darawTank(playerSprite, context, player)
 }
 
 const enemiesSprite = new Image()
@@ -83,35 +102,7 @@ export const drawEnemies = (
   enemies: Enemy[]
 ) => {
   enemies.forEach(enemy => {
-    let direction = { ...enemy.direction }
-
-    // Если враг не двигается, используем последнее направление
-    const isEnemyIdle = direction.x === 0 && direction.y === 0
-    if (isEnemyIdle) {
-      direction = lastEnemyDirection[enemy.id] || { x: 1, y: 0 } // по умолчанию вправо
-    } else {
-      lastEnemyDirection[enemy.id] = direction // сохраняем последнее направление для врага
-    }
-
-    context.save()
-
-    // Перемещаем контекст на позицию врага
-    context.translate(enemy.x + enemy.width / 2, enemy.y + enemy.height / 2)
-
-    // Вычисляем угол поворота на основе направления
-    const angle = Math.atan2(direction.x, -direction.y)
-    context.rotate(angle)
-
-    // Отрисовываем спрайт врага с учётом его ширины и высоты
-    context.drawImage(
-      enemiesSprite,
-      -enemy.width / 2,
-      -enemy.height / 2,
-      enemy.width,
-      enemy.height
-    )
-
-    context.restore()
+    darawTank(enemiesSprite, context, enemy)
   })
 }
 

From 2b714b24a2ab8ee3b4c7e7f17b9d39825cc4acba Mon Sep 17 00:00:00 2001
From: Iskandarov Timur <timur.iskandarov96@gmail.com>
Date: Sun, 13 Oct 2024 01:57:48 +0500
Subject: [PATCH 11/13] Lint & Format

---
 packages/client/index.html                    |  2 +-
 packages/client/public/serviceWorker.js       | 17 ++++----
 packages/client/src/components/Game/enemy.tsx | 40 +++++++++----------
 .../client/src/components/Game/gameTypes.tsx  |  8 ++--
 .../client/src/components/Game/player.tsx     | 10 ++---
 packages/client/src/components/Game/utils.tsx | 37 ++++++++---------
 packages/client/src/pages/SignUp/SignUp.scss  |  7 +++-
 ...vite.config.ts.timestamp-1728127189350.mjs | 32 +++++++--------
 8 files changed, 78 insertions(+), 75 deletions(-)

diff --git a/packages/client/index.html b/packages/client/index.html
index 34ac846..d7b32d0 100644
--- a/packages/client/index.html
+++ b/packages/client/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <link rel="icon" type="image/png" href="/favicon.png" />
-    <link rel="manifest" href="/manifest.json">
+    <link rel="manifest" href="/manifest.json" />
 
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
diff --git a/packages/client/public/serviceWorker.js b/packages/client/public/serviceWorker.js
index 7a7c762..00f3c3d 100644
--- a/packages/client/public/serviceWorker.js
+++ b/packages/client/public/serviceWorker.js
@@ -1,13 +1,12 @@
 const CACHE_NAME = 'cache-data-v1'
-const urlsToCache = [
-  '/'
-]
+const urlsToCache = ['/']
 
-const networkFirst = async (request) => {
+const networkFirst = async request => {
   const cache = await caches.open(CACHE_NAME)
   try {
     const response = await fetch(request)
-    const cachePutCondition = response && response.status === 200 && response.type === 'basic'
+    const cachePutCondition =
+      response && response.status === 200 && response.type === 'basic'
     if (cachePutCondition) {
       await cache.put(request, response.clone())
     }
@@ -25,21 +24,21 @@ const networkFirst = async (request) => {
   }
 }
 
-self.addEventListener('install', (event) => {
+self.addEventListener('install', event => {
   event.waitUntil(
     caches
       .open(CACHE_NAME)
-      .then((cache) => {
+      .then(cache => {
         return cache.addAll(urlsToCache)
       })
       .then(() => self.skipWaiting())
-      .catch((err) => {
+      .catch(err => {
         console.error('Cache installation failed:', err)
       })
   )
 })
 
-self.addEventListener('fetch', (event) => {
+self.addEventListener('fetch', event => {
   const { request } = event
   const { url, method } = request
 
diff --git a/packages/client/src/components/Game/enemy.tsx b/packages/client/src/components/Game/enemy.tsx
index cdc68f3..20b2526 100644
--- a/packages/client/src/components/Game/enemy.tsx
+++ b/packages/client/src/components/Game/enemy.tsx
@@ -24,8 +24,8 @@ export const initializeRandomEnemies = (numberOfEnemies: number) => {
         currentFrame: 0,
         totalFrames: 4,
         frameInterval: 10,
-        frameCount: 0,    
-      }
+        frameCount: 0,
+      },
     }
     initialEnemies.push(enemy)
   }
@@ -34,41 +34,41 @@ export const initializeRandomEnemies = (numberOfEnemies: number) => {
 
 export const initializeCampanyEnemies = (): Enemy[] => {
   return [
-    { 
-      ...enemyParams, 
-      id: 0, 
-      x: 50, 
+    {
+      ...enemyParams,
+      id: 0,
+      x: 50,
       y: 55,
       animation: {
         currentFrame: 0,
         totalFrames: 4,
         frameInterval: 10,
-        frameCount: 0,    
-      }
+        frameCount: 0,
+      },
     },
-    { 
-      ...enemyParams, 
-      id: 1, 
-      x: 320, 
+    {
+      ...enemyParams,
+      id: 1,
+      x: 320,
       y: 250,
       animation: {
         currentFrame: 0,
         totalFrames: 4,
         frameInterval: 10,
-        frameCount: 0,    
-      }
+        frameCount: 0,
+      },
     },
-    { 
-      ...enemyParams, 
-      id: 2, 
-      x: 715, 
+    {
+      ...enemyParams,
+      id: 2,
+      x: 715,
       y: 60,
       animation: {
         currentFrame: 0,
         totalFrames: 4,
         frameInterval: 10,
-        frameCount: 0,    
-      }
+        frameCount: 0,
+      },
     },
   ]
 }
diff --git a/packages/client/src/components/Game/gameTypes.tsx b/packages/client/src/components/Game/gameTypes.tsx
index 89174e5..7978ee5 100644
--- a/packages/client/src/components/Game/gameTypes.tsx
+++ b/packages/client/src/components/Game/gameTypes.tsx
@@ -1,8 +1,8 @@
 interface AnimationParams {
-  currentFrame: number,
-  totalFrames: number,
-  frameInterval: number,
-  frameCount?: number,
+  currentFrame: number
+  totalFrames: number
+  frameInterval: number
+  frameCount?: number
 }
 
 export interface AbstractEntity {
diff --git a/packages/client/src/components/Game/player.tsx b/packages/client/src/components/Game/player.tsx
index 14ecfc4..92a46dc 100644
--- a/packages/client/src/components/Game/player.tsx
+++ b/packages/client/src/components/Game/player.tsx
@@ -9,11 +9,11 @@ export const PLAYER_DEFAULT_PARAMS = {
   speed: 2,
   direction: { x: 0, y: 0 },
   animation: {
-    currentFrame: 0,      // Текущий кадр спрайта
-    totalFrames: 4,       // Общее количество кадров в спрайте
-    frameInterval: 10,    // Интервал для смены кадра (в циклах или миллисекундах)
-    frameCount: 0,        // Счетчик кадров для контроля интервала
-  }
+    currentFrame: 0, // Текущий кадр спрайта
+    totalFrames: 4, // Общее количество кадров в спрайте
+    frameInterval: 10, // Интервал для смены кадра (в циклах или миллисекундах)
+    frameCount: 0, // Счетчик кадров для контроля интервала
+  },
 }
 
 export const resetPlayerPosition = (
diff --git a/packages/client/src/components/Game/utils.tsx b/packages/client/src/components/Game/utils.tsx
index e1ddacc..a815663 100644
--- a/packages/client/src/components/Game/utils.tsx
+++ b/packages/client/src/components/Game/utils.tsx
@@ -38,8 +38,8 @@ export const clearCanvas = (context: CanvasRenderingContext2D) => {
 }
 
 const darawTank = (
-  sprite: HTMLImageElement, 
-  context: CanvasRenderingContext2D, 
+  sprite: HTMLImageElement,
+  context: CanvasRenderingContext2D,
   data: AbstractEntity
 ) => {
   const { animation } = data
@@ -49,34 +49,34 @@ const darawTank = (
     width: 0,
     height: 0,
     sourceX: 0,
-    sourceY: 0
+    sourceY: 0,
   }
 
   // Если смещение кратно 10 меняем кадр
-  if (moovment % animation.frameInterval === 0) { 
-    animation.currentFrame = (animation.currentFrame + 1) % 
-      animation?.totalFrames; 
+  if (moovment % animation.frameInterval === 0) {
+    animation.currentFrame =
+      (animation.currentFrame + 1) % animation?.totalFrames
   }
 
-  spriteSettings.width = sprite.width / animation.totalFrames;
-  spriteSettings.height = sprite.height;
-  spriteSettings.sourceX = animation.currentFrame * spriteSettings.width; 
-  spriteSettings.sourceY = 0;
+  spriteSettings.width = sprite.width / animation.totalFrames
+  spriteSettings.height = sprite.height
+  spriteSettings.sourceX = animation.currentFrame * spriteSettings.width
+  spriteSettings.sourceY = 0
 
   context.save()
   context.translate(data.x + data.width / 2, data.y + data.height / 2)
   context.rotate(Math.atan2(direction.x, -direction.y))
   context.drawImage(
-    sprite,       
-    spriteSettings.sourceX,          
-    spriteSettings.sourceY,          
-    spriteSettings.width,      
-    spriteSettings.height,     
+    sprite,
+    spriteSettings.sourceX,
+    spriteSettings.sourceY,
+    spriteSettings.width,
+    spriteSettings.height,
     -data.width / 2,
     -data.height / 2,
-    data.width,     
-    data.height     
-  ) 
+    data.width,
+    data.height
+  )
 
   context.restore()
 }
@@ -93,6 +93,7 @@ export const drawPlayer = (
 }
 
 const enemiesSprite = new Image()
+
 enemiesSprite.src = enemiesSpritePath
 
 const lastEnemyDirection: Record<number, { x: number; y: number }> = {}
diff --git a/packages/client/src/pages/SignUp/SignUp.scss b/packages/client/src/pages/SignUp/SignUp.scss
index 27eae7d..46015ec 100644
--- a/packages/client/src/pages/SignUp/SignUp.scss
+++ b/packages/client/src/pages/SignUp/SignUp.scss
@@ -1,6 +1,11 @@
 @import '../../scss/form-mixin';
 
 .registration-page {
-  @include page-background-layout($background-image: ($img_registration-background, $img_page_background_left));
+  @include page-background-layout(
+    $background-image: (
+      $img_registration-background,
+      $img_page_background_left,
+    )
+  );
   @include form-styles();
 }
diff --git a/packages/client/vite.config.ts.timestamp-1728127189350.mjs b/packages/client/vite.config.ts.timestamp-1728127189350.mjs
index 2be45ef..3b1c00d 100644
--- a/packages/client/vite.config.ts.timestamp-1728127189350.mjs
+++ b/packages/client/vite.config.ts.timestamp-1728127189350.mjs
@@ -1,30 +1,28 @@
 // vite.config.ts
-import { defineConfig } from "vite";
-import react from "@vitejs/plugin-react";
-import dotenv from "dotenv";
-import path from "path";
-var __vite_injected_original_dirname = "/home/user/pr/tanks/packages/client";
-dotenv.config();
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+import dotenv from 'dotenv'
+import path from 'path'
+var __vite_injected_original_dirname = '/home/user/pr/tanks/packages/client'
+dotenv.config()
 var vite_config_default = defineConfig({
   server: {
     port: Number(process.env.CLIENT_PORT) || 3e3,
-    host: "0.0.0.0",
+    host: '0.0.0.0',
     watch: {
-      usePolling: true
-    }
+      usePolling: true,
+    },
   },
   define: {
-    __SERVER_PORT__: process.env.SERVER_PORT
+    __SERVER_PORT__: process.env.SERVER_PORT,
   },
   resolve: {
     alias: {
-      "@": path.resolve(__vite_injected_original_dirname, "src")
-    }
+      '@': path.resolve(__vite_injected_original_dirname, 'src'),
+    },
   },
   plugins: [react()],
-  envDir: "../../"
-});
-export {
-  vite_config_default as default
-};
+  envDir: '../../',
+})
+export { vite_config_default as default }
 //# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsidml0ZS5jb25maWcudHMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImNvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9kaXJuYW1lID0gXCIvaG9tZS91c2VyL3ByL3RhbmtzL3BhY2thZ2VzL2NsaWVudFwiO2NvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9maWxlbmFtZSA9IFwiL2hvbWUvdXNlci9wci90YW5rcy9wYWNrYWdlcy9jbGllbnQvdml0ZS5jb25maWcudHNcIjtjb25zdCBfX3ZpdGVfaW5qZWN0ZWRfb3JpZ2luYWxfaW1wb3J0X21ldGFfdXJsID0gXCJmaWxlOi8vL2hvbWUvdXNlci9wci90YW5rcy9wYWNrYWdlcy9jbGllbnQvdml0ZS5jb25maWcudHNcIjtpbXBvcnQgeyBkZWZpbmVDb25maWcgfSBmcm9tICd2aXRlJ1xuaW1wb3J0IHJlYWN0IGZyb20gJ0B2aXRlanMvcGx1Z2luLXJlYWN0J1xuaW1wb3J0IGRvdGVudiBmcm9tICdkb3RlbnYnXG5kb3RlbnYuY29uZmlnKClcbmltcG9ydCBwYXRoIGZyb20gJ3BhdGgnXG5cbi8vIGh0dHBzOi8vdml0ZWpzLmRldi9jb25maWcvXG5leHBvcnQgZGVmYXVsdCBkZWZpbmVDb25maWcoe1xuICBzZXJ2ZXI6IHtcbiAgICBwb3J0OiBOdW1iZXIocHJvY2Vzcy5lbnYuQ0xJRU5UX1BPUlQpIHx8IDMwMDAsXG4gICAgaG9zdDogJzAuMC4wLjAnLFxuICAgIHdhdGNoOiB7XG4gICAgICB1c2VQb2xsaW5nOiB0cnVlLFxuICAgIH0sXG4gIH0sXG4gIGRlZmluZToge1xuICAgIF9fU0VSVkVSX1BPUlRfXzogcHJvY2Vzcy5lbnYuU0VSVkVSX1BPUlQsXG4gIH0sXG4gIHJlc29sdmU6IHtcbiAgICBhbGlhczoge1xuICAgICAgJ0AnOiBwYXRoLnJlc29sdmUoX19kaXJuYW1lLCAnc3JjJyksXG4gICAgfSxcbiAgfSxcbiAgcGx1Z2luczogW3JlYWN0KCldLFxuICBlbnZEaXI6ICcuLi8uLi8nLFxufSlcbiJdLAogICJtYXBwaW5ncyI6ICI7QUFBMlIsU0FBUyxvQkFBb0I7QUFDeFQsT0FBTyxXQUFXO0FBQ2xCLE9BQU8sWUFBWTtBQUVuQixPQUFPLFVBQVU7QUFKakIsSUFBTSxtQ0FBbUM7QUFHekMsT0FBTyxPQUFPO0FBSWQsSUFBTyxzQkFBUSxhQUFhO0FBQUEsRUFDMUIsUUFBUTtBQUFBLElBQ04sTUFBTSxPQUFPLFFBQVEsSUFBSSxXQUFXLEtBQUs7QUFBQSxJQUN6QyxNQUFNO0FBQUEsSUFDTixPQUFPO0FBQUEsTUFDTCxZQUFZO0FBQUEsSUFDZDtBQUFBLEVBQ0Y7QUFBQSxFQUNBLFFBQVE7QUFBQSxJQUNOLGlCQUFpQixRQUFRLElBQUk7QUFBQSxFQUMvQjtBQUFBLEVBQ0EsU0FBUztBQUFBLElBQ1AsT0FBTztBQUFBLE1BQ0wsS0FBSyxLQUFLLFFBQVEsa0NBQVcsS0FBSztBQUFBLElBQ3BDO0FBQUEsRUFDRjtBQUFBLEVBQ0EsU0FBUyxDQUFDLE1BQU0sQ0FBQztBQUFBLEVBQ2pCLFFBQVE7QUFDVixDQUFDOyIsCiAgIm5hbWVzIjogW10KfQo=

From 5ea21e70cf01bb9d5dd22fa9f61279ef5dcf633e Mon Sep 17 00:00:00 2001
From: Iskandarov Timur <timur.iskandarov96@gmail.com>
Date: Sun, 13 Oct 2024 02:01:59 +0500
Subject: [PATCH 12/13] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8?=
 =?UTF-8?q?=D0=BB=20=D1=81=D0=BF=D1=80=D0=B0=D0=B9=D1=82=20=D1=81=D0=BD?=
 =?UTF-8?q?=D0=B0=D1=80=D1=8F=D0=B4=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/assets/images/sprites/Bullet.png      | Bin 0 -> 1352 bytes
 packages/client/src/components/Game/utils.tsx |  23 ++++++++++++++++--
 2 files changed, 21 insertions(+), 2 deletions(-)
 create mode 100644 packages/client/src/assets/images/sprites/Bullet.png

diff --git a/packages/client/src/assets/images/sprites/Bullet.png b/packages/client/src/assets/images/sprites/Bullet.png
new file mode 100644
index 0000000000000000000000000000000000000000..d2a21d507e724014f31f5368bdedcd365f916797
GIT binary patch
literal 1352
zcmeAS@N?(olHy`uVBq!ia0vp^JU}eO!3HGrSK5O(Ea{HEjtmSN`?>!lvI6-E$sR$z
z3=CCj3=9n|3=F@3LJcn%7)lKo7+xhXFj&oCU=S~uvn$XBD6uFt!ZXd+mq822=3roB
z6k=covKWDofl-P9WEzmg5XLACXU8#WK-Dk-B@G#XB!dtTr?qD?ut3#U0BI2L0Ai4S
zFddMXnOCCc=Nh6=W~^tbXK2X4z`TGFVc!BKxPG1m%y2fyY=-?2=Td+aXMsm#F#`j)
zFbFd;%$g$sH2+LyNJL45ua8x7ey(0(N`6wRUPW#JNEd@mg%yyQn_7~nP?4LHS8P>b
zs{~eI1!RMS^_3LBN=mYAl_Got6rA&mQWebf4D<|??6?#Z6l{u8(yW49+@RWlJX@uV
zl9B=|ef{$Ca=mh6z5JqdeM3u2OML?)eIp}XpbFjM%Dj@q3f;V7Wr!g#b6ir3lZ!G7
zN;32F6hP)CCgqow*eWT3EP?}wJ4-Ut5H{r%L%jv`pgu@O-%!s$ADcFyXW{Nc(N&RH
z0MP{Y6~r<dkWp6tMVYBU=Ykw%XJ`X99z_h{I2)kpR?bDKi6!|(A^G_^b{G+AqmQlx
zs@p~%<X<HJLjo5p3JhI4E}%|WOxbY-R52f8U|_QFba4#P5S<#dJ5ShA#MXHCw_Dll
zw>K&(8lIXJ;gL5%W5OB@CpDpv%!vz}9!Y0tIEK`)I(=XbF|mnZ;^kBm3S`+R>~Lg#
zZ*ukZ{@8OqlbW~+!^@wY*;)QBJM2OJL~+^Y>o^MMmvjW!++0~-?I$y5S7-183%@fA
z^De#(^Z9w{f%A&@ty8zWznZmm;-{tkViUbn=Ly|C$Jbslp>$&w--ngzh9+lEU%pte
z@oibWmVa$y>K(<p86R!#Sp4Xn9sYR6?1?XOw|rC<YfqmQZuIhs+ws!vDXgNwEf1BI
zc>=Rc10Uqg?+)<o^**bnVma+wgzALq*1M(-BF}%jd-$lGn7H*)+qKO{I!{Uz|FskJ
zay=e7HBn&A>dQ8sv#X~_0gHl3dt7AfHx@cew7phq(U5lRFy7bSlBAgyqcmfMr6IGa
z>8H}jMu(eE{&ZzMiN2}x$|Ns1ey{3T1@@gXQ8xT5j(--P?vv#0rpxkNd_qiwOWn?n
zt*@_pFt5KK@-Vml=*9K(1#;vjdj`ceOc2_*qc_qmMoT0hE;7)hY@hjstgR1rt@{=@
zC*<`1j&lb*4}NZYvF&!omGX}t|FX+EKg?UcHg}b}YEtFNK<6-F*PivW=AC`uWVha}
zWAESE5{V<v<qMRU=Q_%^2zaPW)_Ac@dxjtLp4DN7pY{jT$~ydf$=#NykaxQyN~|j9
z!{=wqHf73eU1W8kfnR#Vm&bB5>TKkaEhHA4?lgV%%Jsl6>nClu+{ATPwL34G`S`K@
b^~3fz)t}#vh<)`8R04Rq`njxgN@xNA*s9B&

literal 0
HcmV?d00001

diff --git a/packages/client/src/components/Game/utils.tsx b/packages/client/src/components/Game/utils.tsx
index a815663..64c25cb 100644
--- a/packages/client/src/components/Game/utils.tsx
+++ b/packages/client/src/components/Game/utils.tsx
@@ -134,12 +134,31 @@ export const drawObstacles = (
   })
 }
 
+const bulletSprite = new Image()
+
+bulletSprite.src = bulletSpritePath
+
 export const drawBullets = (
   context: CanvasRenderingContext2D,
   bullets: AbstractEntity[]
 ) => {
-  context.fillStyle = 'yellow'
   bullets.forEach(bullet => {
-    context.fillRect(bullet.x, bullet.y, bullet.width, bullet.height)
+    context.save()
+    context.translate(bullet.x + bullet.width / 2, bullet.y + bullet.height / 2)
+    context.rotate(Math.atan2(bullet.direction.x, -bullet.direction.y))
+
+    context.drawImage(
+      bulletSprite,
+      0,
+      0,
+      bulletSprite.width,
+      bulletSprite.height,
+      -bulletSprite.width / 2,
+      -bulletSprite.height / 2,
+      bulletSprite.width,
+      bulletSprite.height
+    )
+
+    context.restore()
   })
 }

From afe203f28251229a155d7b5f7076d1aab057713b Mon Sep 17 00:00:00 2001
From: Iskandarov Timur <timur.iskandarov96@gmail.com>
Date: Tue, 15 Oct 2024 06:51:11 +0500
Subject: [PATCH 13/13] =?UTF-8?q?=D0=94=D0=BE=D1=80=D0=B0=D0=B1=D0=BE?=
 =?UTF-8?q?=D1=82=D0=BA=D0=B8:=20-=20=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8?=
 =?UTF-8?q?=D0=BB=20=D0=BD=D0=B5=D1=81=D0=BA=D0=BE=D0=BB=D1=8C=D0=BA=D0=BE?=
 =?UTF-8?q?=20=D1=82=D0=B8=D0=BF=D0=BE=D0=B2=20=D0=BF=D1=80=D0=B5=D0=BF?=
 =?UTF-8?q?=D1=8F=D1=82=D1=81=D1=82=D0=B2=D0=B8=D0=B9=20-=20=D0=94=D0=BE?=
 =?UTF-8?q?=D0=B1=D0=B0=D0=B2=D0=B8=D0=BB=20=D0=BF=D1=80=D0=B5=D0=BF=D1=8F?=
 =?UTF-8?q?=D1=82=D1=81=D1=82=D0=B2=D0=B8=D1=8F=D0=BC=20=D0=B7=D0=B4=D0=BE?=
 =?UTF-8?q?=D1=80=D0=BE=D0=B2=D1=8C=D0=B5=20-=20=D0=94=D0=BE=D0=B1=D0=B0?=
 =?UTF-8?q?=D0=B2=D0=B8=D0=BB=20=D1=81=D0=BC=D0=B5=D0=BD=D1=8F=D0=B5=D0=BC?=
 =?UTF-8?q?=D0=BE=D1=81=D1=82=D1=8C=20=D0=B2=D0=BD=D0=B5=D1=88=D0=BD=D0=BE?=
 =?UTF-8?q?=D0=B3=D0=BE=20=D0=B2=D0=B8=D0=B4=D0=B0=20=D0=B4=D0=BB=D1=8F=20?=
 =?UTF-8?q?=D1=80=D0=B0=D0=B7=D1=80=D1=83=D1=88=D0=B0=D0=B5=D0=BC=D0=BE?=
 =?UTF-8?q?=D1=81=D1=82=D0=B8=20-=20=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8?=
 =?UTF-8?q?=D0=BB=20=D1=8D=D1=84=D1=84=D0=B5=D0=BA=D1=82=D1=8B=20=D0=B2?=
 =?UTF-8?q?=D1=8B=D1=81=D1=82=D1=80=D0=B5=D0=BB=D0=BE=D0=B2=20=D0=B8=20?=
 =?UTF-8?q?=D0=BF=D0=BE=D0=BF=D0=BE=D0=B4=D0=B0=D0=BD=D0=B8=D0=B9=20-=20?=
 =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8=D0=BB=20=D0=B2=D0=BE=D0=B7?=
 =?UTF-8?q?=D0=BC=D0=BE=D0=B6=D0=BD=D0=BE=D1=81=D1=82=D1=8C=20=D1=83=D0=BA?=
 =?UTF-8?q?=D0=B0=D0=B7=D0=B0=D1=82=D1=8C=20=D0=BA=D0=BE=D0=BB=D0=BB=D0=B8?=
 =?UTF-8?q?=D0=B7=D0=B8=D0=B9=D0=BD=D0=BE=D1=81=D1=82=D1=8C=20=D0=BF=D1=80?=
 =?UTF-8?q?=D0=B5=D0=BF=D1=8F=D1=82=D1=81=D1=82=D0=B2=D0=B8=D0=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../client/src/assets/images/sprites/bang.png | Bin 0 -> 13272 bytes
 .../src/assets/images/sprites/enemy.svg       |  14 --
 .../client/src/assets/images/sprites/shot.png | Bin 0 -> 7644 bytes
 .../src/assets/images/sprites/steel.png       | Bin 0 -> 1060 bytes
 .../client/src/assets/images/sprites/tank.svg |  14 --
 .../client/src/assets/images/sprites/tree.png | Bin 0 -> 2857 bytes
 .../client/src/assets/images/sprites/wall.png | Bin 0 -> 4093 bytes
 .../client/src/assets/images/sprites/wall.svg |   9 -
 packages/client/src/components/Game/Game.tsx  |   4 +-
 .../client/src/components/Game/bullet.tsx     |  24 +-
 .../client/src/components/Game/collision.tsx  |   3 +-
 .../client/src/components/Game/effects.tsx    |  74 ++++++
 packages/client/src/components/Game/enemy.tsx |  21 +-
 .../client/src/components/Game/gameLoop.tsx   |  19 +-
 .../client/src/components/Game/gameTypes.tsx  |  25 ++-
 .../client/src/components/Game/obstacle.tsx   | 212 +++++++++++++++---
 .../client/src/components/Game/player.tsx     |   2 +-
 packages/client/src/components/Game/utils.tsx | 158 +++++++++++--
 18 files changed, 467 insertions(+), 112 deletions(-)
 create mode 100644 packages/client/src/assets/images/sprites/bang.png
 delete mode 100644 packages/client/src/assets/images/sprites/enemy.svg
 create mode 100644 packages/client/src/assets/images/sprites/shot.png
 create mode 100644 packages/client/src/assets/images/sprites/steel.png
 delete mode 100644 packages/client/src/assets/images/sprites/tank.svg
 create mode 100644 packages/client/src/assets/images/sprites/tree.png
 create mode 100644 packages/client/src/assets/images/sprites/wall.png
 delete mode 100644 packages/client/src/assets/images/sprites/wall.svg
 create mode 100644 packages/client/src/components/Game/effects.tsx

diff --git a/packages/client/src/assets/images/sprites/bang.png b/packages/client/src/assets/images/sprites/bang.png
new file mode 100644
index 0000000000000000000000000000000000000000..b220ec0b6330f5bf60c081f69b6510daa4c874c4
GIT binary patch
literal 13272
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
Wzf=V+vdk#}0000<MNUMnLSTZ`Npsr(

literal 0
HcmV?d00001

diff --git a/packages/client/src/assets/images/sprites/enemy.svg b/packages/client/src/assets/images/sprites/enemy.svg
deleted file mode 100644
index 51a4469..0000000
--- a/packages/client/src/assets/images/sprites/enemy.svg
+++ /dev/null
@@ -1,14 +0,0 @@
-<svg width="75" height="75" viewBox="0 0 75 75" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-<rect y="74.582" width="74.5822" height="74.5822" transform="rotate(-90 0 74.582)" fill="url(#pattern0_2001_2)"/>
-<rect y="74.582" width="74.5822" height="74.5822" transform="rotate(-90 0 74.582)" fill="url(#pattern1_2001_2)"/>
-<defs>
-<pattern id="pattern0_2001_2" patternContentUnits="objectBoundingBox" width="1" height="1">
-<use xlink:href="#image0_2001_2" transform="scale(0.0142857)"/>
-</pattern>
-<pattern id="pattern1_2001_2" patternContentUnits="objectBoundingBox" width="1" height="1">
-<use xlink:href="#image1_2001_2" transform="scale(0.0142857)"/>
-</pattern>
-<image id="image0_2001_2" width="70" height="70" xlink:href="data:image/png;base64,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"/>
-<image id="image1_2001_2" width="70" height="70" xlink:href="data:image/png;base64,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"/>
-</defs>
-</svg>
diff --git a/packages/client/src/assets/images/sprites/shot.png b/packages/client/src/assets/images/sprites/shot.png
new file mode 100644
index 0000000000000000000000000000000000000000..991d07e258720f6ea3bd6caa998bad6e4c45552c
GIT binary patch
literal 7644
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
KMNUMnLSTZGPGDaE

literal 0
HcmV?d00001

diff --git a/packages/client/src/assets/images/sprites/steel.png b/packages/client/src/assets/images/sprites/steel.png
new file mode 100644
index 0000000000000000000000000000000000000000..ad85f90864d0620e1c7d2cbb8b8fa4dd1dcf9adc
GIT binary patch
literal 1060
zcmV+<1l#+GP)<h;3K|Lk000e1NJLTq001Na001Ni1^@s6;Q*MJ00004XF*Lt006O%
z3;baP00009a7bBm000XS000XS0e@s)kpKVy8gxZibW?9;ba!ELWdKlNX>N2bPDNB8
zb~7$DE-^7j^FlWO00W>&L_t(oN6nb&P7_fSfPE7&V9PFRp-@XHB!U(YBdffEY=u&m
zLTT8Sf}jZzfzl0P)ITnWgczk&WAv8`7~l=$8IJc%yyKmAXlJIx^5aW7bMHCx_0C=A
zLgK{)I8SgwNeP!AJvoJt8aL2^7g8rCfwj*Diw~CK!oZ*%GE&q238{!sW78e54Gn{T
z^YMSf?e&9WWDJ^`TOd6pHC(92+6TW+PT=tPIGm#+__==|;P6PKUI_aKzrx}u-@gBV
zVaEvf>{Ep>iF1BI!0g;T7$B|J)zi!47#$C*7s}}Pq#!1g=P$Ql&^|0psJ^Zq8tNO*
zT&A}67F3z4z-+O~6Dqk{0)`U9nYT=-p%k=*TIlGq$P*fym;wvAuDDhSg_;5mZGo1E
z>La7mgH}_>$FP(e%c0%e4R_l+IXTHf>}$eAWyUgSCrM(VvZ4}lva$uOB~6HoCiXR<
zkm|AueEtmxe*DDqJ`jL+djSXpKM3w4d%+-AMtSn|8K~9C%7kz@vO)NoP{_Zr$@dZL
zM_ATp8-f|qn)E(0J~ac~BoCY8(W(nnDs`C9i&w8<$nKCXgb&7k!3qgvobyp-5HTS;
znSXY6-%1yvqlpz#B7=kqp$x`I7NRl;6>@vLTr#;b$g0cD3sD(Fk`OKj?8B(gy4#~j
zW@KyvJU%}sRFIc1h(#gE^ALp!d3`=f9he1WupTdzui<0yk8N$gQ7*)eGDND(#PlqA
zW$OYVl<6H9ls8jT#DwI?SbF>UPK`oT2J4-PkX#wOM};)GdAtmwOo*&aR7i;ovU1AA
zC|d|uZCof($m8`XlEL3DGD2e(qFV^Mmf^5xld(jSnI!k<C{rxN?q{M2MU%m@NJ3F3
zM%)9lL6L-{$ebo*?YF`9&aS-06`?{4i}zu9WtC@T&BdJ>+@x>eZ?<f0-OZJG{<8FN
zSs;WmIQ(TTuB=c-S~?UJ6~{zoMkXgjWw7OB33Yb&a2O3n$Rf$a$R!WR%g*7+xsokf
zk7CdpU~0w*)3Z+bLN~6PIM~)=VOMR0oq@%mEmL>94r;1uh}4`sAzkrR(36u#XktXE
z4AwP~Bap6G$6d=3!gCW6nmiU61P>7OI;xPFoR#o+i}QmRxCh20EVzXbt4qP59U4RV
z{N-z8p@xPg=;$y*YiqkGZEZrt>ac{?7o)kkMO>)5`X)J58smb=R4o+3k44F3@{1>e
e4_4=g1o#8?_f=)ateN=$0000<MNUMnLSTZ!%G?P6

literal 0
HcmV?d00001

diff --git a/packages/client/src/assets/images/sprites/tank.svg b/packages/client/src/assets/images/sprites/tank.svg
deleted file mode 100644
index 1c8083e..0000000
--- a/packages/client/src/assets/images/sprites/tank.svg
+++ /dev/null
@@ -1,14 +0,0 @@
-<svg width="70" height="70" viewBox="0 0 70 70" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-<rect y="70" width="70" height="70" transform="rotate(-90 0 70)" fill="url(#pattern0_2001_9)"/>
-<rect y="70" width="70" height="70" transform="rotate(-90 0 70)" fill="url(#pattern1_2001_9)"/>
-<defs>
-<pattern id="pattern0_2001_9" patternContentUnits="objectBoundingBox" width="1" height="1">
-<use xlink:href="#image0_2001_9" transform="scale(0.0142857)"/>
-</pattern>
-<pattern id="pattern1_2001_9" patternContentUnits="objectBoundingBox" width="1" height="1">
-<use xlink:href="#image1_2001_9" transform="scale(0.0142857)"/>
-</pattern>
-<image id="image0_2001_9" width="70" height="70" xlink:href="data:image/png;base64,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"/>
-<image id="image1_2001_9" width="70" height="70" xlink:href="data:image/png;base64,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"/>
-</defs>
-</svg>
diff --git a/packages/client/src/assets/images/sprites/tree.png b/packages/client/src/assets/images/sprites/tree.png
new file mode 100644
index 0000000000000000000000000000000000000000..51bd31a16f2faefa39a0e14246a8bcfbb44b45df
GIT binary patch
literal 2857
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
Hu0mjf=)z}Y

literal 0
HcmV?d00001

diff --git a/packages/client/src/assets/images/sprites/wall.png b/packages/client/src/assets/images/sprites/wall.png
new file mode 100644
index 0000000000000000000000000000000000000000..c84a5c9d199aadce8d8bf9b835b34917449377a2
GIT binary patch
literal 4093
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

literal 0
HcmV?d00001

diff --git a/packages/client/src/assets/images/sprites/wall.svg b/packages/client/src/assets/images/sprites/wall.svg
deleted file mode 100644
index 380f0dd..0000000
--- a/packages/client/src/assets/images/sprites/wall.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-<rect x="0.347351" y="0.61084" width="50" height="50" fill="url(#pattern0_20_457)"/>
-<defs>
-<pattern id="pattern0_20_457" patternContentUnits="objectBoundingBox" width="1" height="1">
-<use xlink:href="#image0_20_457" transform="scale(0.0277778)"/>
-</pattern>
-<image id="image0_20_457" width="50" height="50" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAABP5JREFUWEfdl9tPHGUYxudCm2rV7s6el93ZXSi0Vc7Q5QxVSuUCSFXEHihSWwhttI0XmnhIpUmF+ifYw3aBcqgIJtqT0Zhi04Z6jtFovDDaxAtj1Hiht4/vOzN7gm8+TpuYePGEycz3/fbdZfa3zyiv1WkwElqU45TKTWGUU47TmsF6DScagxnRz9UFab2cU54X1lm8xoozWB+GMv+EEzc63PigxY8rTYHMNPpxpMCB/s1O/PnKOvzy/D34+bkN+KH/fnx7YCO+7rHhy312fNqlQsa53OhDX74TRx904I+XMznf9KY4811OKO/UBWCVmWofDkVsOJBrx+1OVbiGM1ubIzyfyNtVXvSG7ejPs+H2kw7hGs40fXqWA83UEigxUMSOuTancB1HNpDOMQfqy7Vhrt0lXMeRDjQVzcF0lTFQLw10rdkaJBvI4JgDEevaDrdwHUc60MS2HFyMeo2BCDZT7RWu48gGGq8kzjZjIGbN1Fhz9IEuVPoxWuHHSHlmYqU+TBEoMRB/7CII/0umon5IOZWe5EB8G1hxxqMBKGMVHtrowfmyzMQpsVInejQb9mp2xEocGKv0ikMMGecc7WXGfmKdJ6aQQYnTm1Ja3DbIsjUYxBYtiBaP+Dqn1bNReD4Z2ssMZgmvm2n1qlBYWCy9lNgoJKlkFl4TSK9qkyHQtXKi+REoA0VO/HPibvz16jr89uJ63Fkgvi/2qPiky4Gbu1z4qNWLK9sDuNSYlgYfDpM8j5U6MjgLBapzyEEGx4fLAk7fZjeU3nyybKe1rJYK3+wH6WYd2GrHrcetXbVUpqN04+eSqffnqvi4Y3WgWfpmsGN4oGfySJ4S6cmicxIDdUdUktXqQNPV7BiPPhDb/H2J9GR5y+QYA4VVzNZ4hAuXylRVDibJMTwQe2a21lp6srDNJyvcqYGspKd/lDS9/sK0aZzsPU6uYAnyXxbfOLknMZCV9NI5/Asg5pgD7Q6piNM35AKJaXE8GDVld67UjbMlRs4Up45ZmE+HbOgO2TFS5hQwDE5CmpacYhXdERroIVN6O9eQEi2AQuKIri03PENJOARlqFHDUIOG1y1SlW80vSFqdcPbg3jj4UBGTtG5U3RNxjlJYmQGs4aarDnDTTQQu2Ou3U3fEH+mqHRZ+XGYPNVP4uOmd+fovfjxyH34/tADyZb3OQlvnsqbzmkjTrOIw43RQY1Rxe8vpTjfHczk3Op0Lb8x8ouK1nCW3RipoMkkvKLGeD1LjfF6W5Ya49VVNkbWRUZjbP7PG6N/QWMUu4qTaoxmu4uXpbKSxjhJjXFMxllJYxwhQ8bK3Lqw0hNjgRU70E0tbw+1vTN0zHITJU4MGYf3MoNZzBQxOLEKH5Rmjx1WeYTCTW+LpunHojUclprofCIGR9NZUo7XAYWFdZLkxVLT5UYZZnmZSZyTybM2n1ojSY+PV8thedYUcGMsdOLvwbv0R+VfX1iPn57dkBTfV912fLbbKHA3Olz48FEvLtGj8XsNaan3YYDkeaxUXcRJF1+KQ4/bO326MNM57xKnryDLjfHmY1lqjHPt/9PGKHtMliWrjXEiS41xYrmNkafXN6S1vERW0hiZwz8jIk5c55gDPUWNMUayGqVH4YVhWcVN2XGrO13swukiF96k6MeUs0Uqeqgx7qXGyO1RzHEvi7NPb4zhMHb4nGhZZXgvN73CUGjtnEgu/gXqupVvJc8kdgAAAABJRU5ErkJggg=="/>
-</defs>
-</svg>
diff --git a/packages/client/src/components/Game/Game.tsx b/packages/client/src/components/Game/Game.tsx
index ddef2c4..abedf67 100644
--- a/packages/client/src/components/Game/Game.tsx
+++ b/packages/client/src/components/Game/Game.tsx
@@ -7,7 +7,7 @@ import {
 import { PLAYER_DEFAULT_PARAMS } from '@/components/Game/player'
 import { gameLoop } from '@/components/Game/gameLoop'
 import { handleKeyDown, handleKeyUp } from '@/components/Game/controls'
-import { AbstractEntity, Obstacle } from '@/components/Game/gameTypes'
+import { AbstractEntity, Effect, Obstacle } from '@/components/Game/gameTypes'
 import {
   initializeCompanyMapObstacle,
   initializeRandomObstacle,
@@ -22,6 +22,7 @@ export const Game: React.FC = () => {
   const enemiesRef = useRef(initializeRandomEnemies(5))
   const bulletsRef = useRef<AbstractEntity[]>([])
   const obstaclesRef = useRef<Obstacle[]>(initializeRandomObstacle(20))
+  const effectsRef = useRef<Effect[]>([])
   const livesRef = useRef(livesUse)
   const [gameStarted, setGameStarted] = useState(false)
   const [isPaused, setIsPaused] = useState(false)
@@ -50,6 +51,7 @@ export const Game: React.FC = () => {
           enemiesRef,
           bulletsRef,
           obstaclesRef,
+          effectsRef,
           livesRef,
           handleGameOver
         )
diff --git a/packages/client/src/components/Game/bullet.tsx b/packages/client/src/components/Game/bullet.tsx
index 2a69dc4..e527003 100644
--- a/packages/client/src/components/Game/bullet.tsx
+++ b/packages/client/src/components/Game/bullet.tsx
@@ -1,4 +1,10 @@
 import { AbstractEntity } from '@/components/Game/gameTypes'
+import { createShotEffect } from './effects'
+
+const bulletSize = {
+  width: 12,
+  height: 18,
+}
 
 export const createBullet = (enemy: AbstractEntity): AbstractEntity => {
   const bulletSpeed = 5 // Задайте скорость пули
@@ -10,29 +16,31 @@ export const createBullet = (enemy: AbstractEntity): AbstractEntity => {
   if (enemy.direction.y < 0) {
     // Вверх
     bulletX = enemy.x + enemy.width / 2 // Центр по X
-    bulletY = enemy.y // Верхняя часть врага
+    bulletY = enemy.y - bulletSize.height // Верхняя часть врага
   } else if (enemy.direction.y > 0) {
     // Вниз
     bulletX = enemy.x + enemy.width / 2 // Центр по X
-    bulletY = enemy.y + enemy.height // Нижняя часть врага
+    bulletY = enemy.y + enemy.height + bulletSize.height // Нижняя часть врага
   } else if (enemy.direction.x < 0) {
     // Влево
-    bulletX = enemy.x // Левый край врага
+    bulletX = enemy.x - bulletSize.height // Левый край врага
     bulletY = enemy.y + enemy.height / 2 // Центр по Y
   } else if (enemy.direction.x > 0) {
     // Вправо
-    bulletX = enemy.x + enemy.width // Правый край врага
+    bulletX = enemy.x + enemy.width + bulletSize.height // Правый край врага
     bulletY = enemy.y + enemy.height / 2 // Центр по Y
   } else {
     bulletX = enemy.x + enemy.width / 2 // По умолчанию - центр
     bulletY = enemy.y + enemy.height / 2 // По умолчанию - центр
   }
 
+  createShotEffect(bulletX, bulletY, bulletDirection)
+
   return {
-    x: bulletX,
-    y: bulletY,
-    width: 5, // Ширина пули
-    height: 5, // Высота пули
+    x: bulletX - bulletSize.width / 2,
+    y: bulletY - bulletSize.height / 2,
+    width: bulletSize.width, // Ширина пули
+    height: bulletSize.height, // Высота пули
     speed: bulletSpeed,
     direction: bulletDirection,
   }
diff --git a/packages/client/src/components/Game/collision.tsx b/packages/client/src/components/Game/collision.tsx
index aa62ce3..1b7fd49 100644
--- a/packages/client/src/components/Game/collision.tsx
+++ b/packages/client/src/components/Game/collision.tsx
@@ -8,7 +8,8 @@ export const detectCollision = (
     player.x < obstacle.x + obstacle.width &&
     player.x + player.width > obstacle.x &&
     player.y < obstacle.y + obstacle.height &&
-    player.y + player.height > obstacle.y
+    player.y + player.height > obstacle.y &&
+    obstacle.isCollide
   )
 }
 
diff --git a/packages/client/src/components/Game/effects.tsx b/packages/client/src/components/Game/effects.tsx
new file mode 100644
index 0000000..c9d67ed
--- /dev/null
+++ b/packages/client/src/components/Game/effects.tsx
@@ -0,0 +1,74 @@
+import { Direction, Effect } from '@/components/Game/gameTypes'
+import { MutableRefObject } from 'react'
+
+interface EffectSettings {
+  [key: string]: {
+    width: number
+    height: number
+    animation: Effect['animation']
+  }
+}
+
+let effectsRef: MutableRefObject<Effect[]>
+
+const effectSettings: EffectSettings = {
+  bang: {
+    width: 60,
+    height: 60,
+    animation: {
+      frameInterval: 5,
+      frameCount: 0,
+      totalFrames: 8,
+      currentFrame: 0,
+    },
+  },
+  shot: {
+    width: 40,
+    height: 40,
+    animation: {
+      frameInterval: 5,
+      frameCount: 0,
+      totalFrames: 4,
+      currentFrame: 0,
+    },
+  },
+}
+
+export const initEffects = (effects: MutableRefObject<Effect[]>) => {
+  effectsRef = effects
+}
+
+export const createEffect = (
+  type: string,
+  x: number,
+  y: number,
+  direction?: Direction
+) => {
+  if (effectsRef) {
+    effectsRef.current.push({
+      type,
+      x: x - effectSettings[type].width / 2,
+      y: y - effectSettings[type].height / 2,
+      width: effectSettings[type].width,
+      height: effectSettings[type].height,
+      direction,
+      animation: { ...effectSettings[type].animation },
+    })
+  }
+}
+
+export const createBangEffect = (x: number, y: number) => {
+  createEffect('bang', x, y)
+}
+
+export const createShotEffect = (
+  x: number,
+  y: number,
+  direction: Direction
+) => {
+  createEffect('shot', x, y, direction)
+}
+
+export const deleteEffect = (effect: Effect) => {
+  effectsRef.current = effectsRef.current.filter(i => i !== effect)
+}
diff --git a/packages/client/src/components/Game/enemy.tsx b/packages/client/src/components/Game/enemy.tsx
index 20b2526..7c8a3fc 100644
--- a/packages/client/src/components/Game/enemy.tsx
+++ b/packages/client/src/components/Game/enemy.tsx
@@ -1,7 +1,10 @@
 import { getRandomEdgePosition } from './utils'
 import { AbstractEntity, Enemy, Obstacle } from '@/components/Game/gameTypes'
 import { createBullet } from '@/components/Game/bullet'
-import { detectCollision } from '@/components/Game/collision'
+import {
+  detectCollision,
+  detectEnemyCollision,
+} from '@/components/Game/collision'
 
 const enemyParams = {
   width: 70,
@@ -37,8 +40,8 @@ export const initializeCampanyEnemies = (): Enemy[] => {
     {
       ...enemyParams,
       id: 0,
-      x: 50,
-      y: 55,
+      x: 360,
+      y: 0,
       animation: {
         currentFrame: 0,
         totalFrames: 4,
@@ -49,8 +52,8 @@ export const initializeCampanyEnemies = (): Enemy[] => {
     {
       ...enemyParams,
       id: 1,
-      x: 320,
-      y: 250,
+      x: 0,
+      y: 108,
       animation: {
         currentFrame: 0,
         totalFrames: 4,
@@ -61,8 +64,8 @@ export const initializeCampanyEnemies = (): Enemy[] => {
     {
       ...enemyParams,
       id: 2,
-      x: 715,
-      y: 60,
+      x: 720,
+      y: 108,
       animation: {
         currentFrame: 0,
         totalFrames: 4,
@@ -119,7 +122,7 @@ export const updateEnemyPositions = (
     // Проверка столкновений с другими врагами
     const hasEnemyCollision = enemiesRef.current.some(otherEnemy => {
       if (otherEnemy === enemy) return false
-      return detectCollision({ ...enemy, x: newX, y: newY }, otherEnemy)
+      return detectEnemyCollision({ ...enemy, x: newX, y: newY }, otherEnemy)
     })
 
     // Проверка коллизий с препятствиями
@@ -143,7 +146,7 @@ const isPositionOccupied = (
   enemies: AbstractEntity[]
 ) => {
   return enemies.some(enemy =>
-    detectCollision({ ...enemy, x: position.x, y: position.y }, enemy)
+    detectEnemyCollision({ ...enemy, x: position.x, y: position.y }, enemy)
   )
 }
 
diff --git a/packages/client/src/components/Game/gameLoop.tsx b/packages/client/src/components/Game/gameLoop.tsx
index 5061a44..e1c8833 100644
--- a/packages/client/src/components/Game/gameLoop.tsx
+++ b/packages/client/src/components/Game/gameLoop.tsx
@@ -6,12 +6,14 @@ import {
   drawEnemies,
   drawObstacles,
   drawBullets,
+  drawEffects,
 } from './utils'
 import {
   ControlsProps,
   AbstractEntity,
   Obstacle,
   Enemy,
+  Effect,
 } from '@/components/Game/gameTypes'
 import {
   detectBulletCollision,
@@ -20,6 +22,7 @@ import {
 import { updatePlayerAction } from '@/components/Game/controls'
 import { updateBullets } from '@/components/Game/bullet'
 import { handleBulletObstacleCollisions } from '@/components/Game/obstacle'
+import { createBangEffect, initEffects } from './effects'
 
 /**
  * Основной игровой цикл, который обновляет состояние игры и перерисовывает экран каждый кадр.
@@ -39,6 +42,7 @@ export const gameLoop = (
   enemiesRef: React.MutableRefObject<Enemy[]>,
   bulletsRef: React.MutableRefObject<AbstractEntity[]>,
   obstaclesRef: React.MutableRefObject<Obstacle[]>,
+  effectsRef: React.MutableRefObject<Effect[]>,
   livesRef: React.MutableRefObject<number>,
   handleGameOver: () => void
 ) => {
@@ -62,6 +66,8 @@ export const gameLoop = (
   // Обработка столкновений с препятствиями
   handleBulletObstacleCollisions(bulletsRef.current, obstaclesRef.current)
 
+  initEffects(effectsRef)
+
   bulletsRef.current = updateBullets(
     bulletsRef.current,
     canvasRef.current.width,
@@ -69,9 +75,10 @@ export const gameLoop = (
   )
 
   // Отрисовка всех игровых объектов
-  drawObstacles(context, obstaclesRef.current)
   drawPlayer(context, playerRef.current)
   drawEnemies(context, enemiesRef.current)
+  drawObstacles(context, obstaclesRef.current)
+  drawEffects(context, effectsRef.current)
   drawBullets(context, bulletsRef.current) // Отрисовка пуль
 
   // Проверка на столкновения пуль с врагами
@@ -81,6 +88,11 @@ export const gameLoop = (
       if (hit) {
         // Убираем врага, если попали
         killEnemy(enemiesRef, enemy)
+        // Эффект поподания
+        createBangEffect(
+          bullet.x + bullet.width / 2,
+          bullet.y + bullet.height / 2
+        )
         // Убираем пулю, если попали
         bulletsRef.current = bulletsRef.current.filter(b => b !== bullet)
         return false
@@ -90,6 +102,11 @@ export const gameLoop = (
     if (detectBulletCollision(bullet, playerRef.current)) {
       // Уменьшаем жизни игрока
       livesRef.current -= 1
+      // Эффект поподания
+      createBangEffect(
+        bullet.x + bullet.width / 2,
+        bullet.y + bullet.height / 2
+      )
       // Удаляем пулю после попадания
       bulletsRef.current = bulletsRef.current.filter(b => b !== bullet)
       // Проверка на окончание игры
diff --git a/packages/client/src/components/Game/gameTypes.tsx b/packages/client/src/components/Game/gameTypes.tsx
index 7978ee5..b28238a 100644
--- a/packages/client/src/components/Game/gameTypes.tsx
+++ b/packages/client/src/components/Game/gameTypes.tsx
@@ -1,18 +1,23 @@
 interface AnimationParams {
   currentFrame: number
   totalFrames: number
-  frameInterval: number
+  frameInterval?: number
   frameCount?: number
 }
 
+export interface Direction {
+  x: number
+  y: number
+}
+
 export interface AbstractEntity {
   x: number
   y: number
   width: number
   height: number
   speed: number
-  direction: { x: number; y: number }
-  animation: AnimationParams
+  direction: Direction
+  animation?: AnimationParams
 }
 
 export interface Enemy extends AbstractEntity {
@@ -21,10 +26,24 @@ export interface Enemy extends AbstractEntity {
 }
 
 export interface Obstacle {
+  type: string
   x: number
   y: number
   width: number
   height: number
+  hp: number
+  isCollide: boolean
+  animation: AnimationParams
+}
+
+export interface Effect {
+  type: string
+  x: number
+  y: number
+  width: number
+  height: number
+  direction?: Direction
+  animation: AnimationParams
 }
 
 export interface ControlsProps {
diff --git a/packages/client/src/components/Game/obstacle.tsx b/packages/client/src/components/Game/obstacle.tsx
index e1e9d7e..64314ab 100644
--- a/packages/client/src/components/Game/obstacle.tsx
+++ b/packages/client/src/components/Game/obstacle.tsx
@@ -4,35 +4,164 @@ import {
   detectCollision,
   detectObstacleCollision,
 } from '@/components/Game/collision'
+import { createBangEffect } from './effects'
+
+enum Types {
+  Wall = 'wall',
+  Steel = 'steel',
+  Tree = 'tree',
+}
+
+export const OBSTACLE_SIZE = 36
+
+const ObstacleSettings = {
+  [Types.Wall]: {
+    hp: 2,
+    isCollide: true,
+    frames: [
+      {
+        hp: 1,
+        index: 1,
+      },
+      {
+        hp: 2,
+        index: 0,
+      },
+    ],
+  },
+  [Types.Steel]: {
+    hp: 1000,
+    isCollide: true,
+    frames: [
+      {
+        hp: 1000,
+        index: 0,
+      },
+    ],
+  },
+  [Types.Tree]: {
+    hp: 1000,
+    isCollide: false,
+    frames: [
+      {
+        hp: 1000,
+        index: 0,
+      },
+    ],
+  },
+}
 
 export const initializeCompanyMapObstacle = (): Obstacle[] => {
-  return [
-    { x: 0, y: 0, width: 120, height: 50 },
-    { x: 200, y: 0, width: 70, height: 50 },
-    { x: 350, y: 0, width: 70, height: 50 },
-    { x: 500, y: 0, width: 120, height: 50 },
-    { x: 700, y: 0, width: 100, height: 50 },
-
-    { x: 0, y: 130, width: 50, height: 120 },
-    { x: 130, y: 130, width: 50, height: 70 },
-    { x: 260, y: 130, width: 50, height: 200 },
-    { x: 390, y: 130, width: 50, height: 70 },
-    { x: 520, y: 130, width: 50, height: 120 },
-    { x: 650, y: 130, width: 50, height: 125 },
-
-    { x: 0, y: 330, width: 120, height: 50 },
-    { x: 200, y: 330, width: 150, height: 50 },
-    { x: 350, y: 330, width: 70, height: 50 },
-    { x: 500, y: 330, width: 120, height: 50 },
-    { x: 700, y: 330, width: 100, height: 100 },
-
-    { x: 0, y: 460, width: 50, height: 140 },
-    { x: 130, y: 530, width: 50, height: 70 },
-    { x: 260, y: 480, width: 50, height: 120 },
-    { x: 390, y: 460, width: 50, height: 70 },
-    { x: 520, y: 490, width: 50, height: 120 },
-    { x: 650, y: 480, width: 50, height: 120 },
-  ]
+  return createMap([
+    { type: Types.Steel, x: 72, y: 108, width: 72, height: 72 },
+    { type: Types.Steel, x: 648, y: 108, width: 72, height: 72 },
+
+    { type: Types.Steel, x: 144, y: 360, width: 72, height: 72 },
+    { type: Types.Steel, x: 576, y: 360, width: 72, height: 72 },
+    { type: Types.Steel, x: 360, y: 360, width: 72, height: 72 },
+
+    { type: Types.Wall, x: 252, y: 72, width: 108, height: 36 },
+    { type: Types.Wall, x: 324, y: 108, width: 36, height: 144 },
+    { type: Types.Wall, x: 252, y: 216, width: 72, height: 36 },
+    { type: Types.Wall, x: 252, y: 144, width: 72, height: 36 },
+    { type: Types.Wall, x: 252, y: 108, width: 36, height: 36 },
+
+    { type: Types.Wall, x: 432, y: 72, width: 108, height: 36 },
+    { type: Types.Wall, x: 504, y: 108, width: 36, height: 108 },
+    { type: Types.Wall, x: 432, y: 108, width: 36, height: 108 },
+    { type: Types.Wall, x: 432, y: 216, width: 108, height: 36 },
+
+    { type: Types.Wall, x: 72, y: 324, width: 72, height: 180 },
+    { type: Types.Wall, x: 216, y: 324, width: 72, height: 180 },
+    { type: Types.Wall, x: 504, y: 324, width: 72, height: 180 },
+    { type: Types.Wall, x: 648, y: 324, width: 72, height: 180 },
+
+    { type: Types.Tree, x: 0, y: 324, width: 72, height: 180 },
+    { type: Types.Tree, x: 720, y: 324, width: 72, height: 180 },
+    { type: Types.Tree, x: 0, y: 504, width: 180, height: 72 },
+    { type: Types.Tree, x: 612, y: 504, width: 180, height: 72 },
+  ])
+  return createMap([
+    //  /{ type: Types.Steel, x: 0, y: 0, width: 120, height: 50 },
+    { type: Types.Steel, x: 200, y: 0, width: 70, height: 36 },
+    { type: Types.Steel, x: 350, y: 0, width: 70, height: 36 },
+    { type: Types.Steel, x: 500, y: 0, width: 120, height: 36 },
+    // { type: Types.Wall, x: 700, y: 0, width: 100, height: 50 },
+
+    // { type: Types.Wall, x: 0, y: 130, width: 50, height: 120 },
+    { type: Types.Wall, x: 130, y: 130, width: 50, height: 70 },
+    // { type: Types.Wall, x: 260, y: 130, width: 50, height: 200 },
+    { type: Types.Wall, x: 390, y: 130, width: 50, height: 70 },
+    { type: Types.Wall, x: 520, y: 130, width: 50, height: 120 },
+    // { type: Types.Wall, x: 650, y: 130, width: 50, height: 125 },
+
+    // { type: Types.Wall, x: 0, y: 330, width: 120, height: 50 },
+    { type: Types.Wall, x: 200, y: 330, width: 150, height: 36 },
+    { type: Types.Wall, x: 350, y: 330, width: 70, height: 36 },
+    { type: Types.Wall, x: 500, y: 330, width: 120, height: 36 },
+    // { type: Types.Wall, x: 700, y: 330, width: 100, height: 100 },
+
+    { type: Types.Wall, x: 0, y: 460, width: 50, height: 140 },
+    { type: Types.Wall, x: 130, y: 530, width: 50, height: 70 },
+    { type: Types.Wall, x: 260, y: 480, width: 50, height: 120 },
+    //{ type: Types.Wall, x: 390, y: 460, width: 50, height: 70 },
+    { type: Types.Wall, x: 520, y: 490, width: 50, height: 120 },
+    { type: Types.Wall, x: 650, y: 480, width: 50, height: 120 },
+  ])
+}
+
+export const createMap = (
+  params: {
+    type: Types
+    x: number
+    y: number
+    width: number
+    height: number
+  }[]
+) => {
+  let obstacles: Obstacle[] = []
+
+  params.forEach(obstacle => {
+    const { type, x, y, width, height } = obstacle
+    obstacles = [...obstacles, ...createObstacle(type, x, y, width, height)]
+  })
+
+  return obstacles
+}
+
+export const createObstacle = (
+  type: Types,
+  x: number,
+  y: number,
+  width: number,
+  height: number
+): Obstacle[] => {
+  const obstacles: Obstacle[] = []
+  const horizontalCount = Math.ceil(width / OBSTACLE_SIZE)
+  const verticalCount = Math.ceil(height / OBSTACLE_SIZE)
+
+  Array.from({ length: horizontalCount }).forEach((_, i) => {
+    Array.from({ length: verticalCount }).forEach((_, j) => {
+      const obstacleX = x + i * OBSTACLE_SIZE
+      const obstacleY = y + j * OBSTACLE_SIZE
+
+      obstacles.push({
+        type,
+        x: obstacleX,
+        y: obstacleY,
+        width: OBSTACLE_SIZE,
+        height: OBSTACLE_SIZE,
+        hp: ObstacleSettings[type].hp,
+        isCollide: ObstacleSettings[type].isCollide,
+        animation: {
+          currentFrame: 0,
+          totalFrames: ObstacleSettings[type].frames.length,
+        },
+      })
+    })
+  })
+
+  return obstacles
 }
 
 export const initializeRandomObstacle = (
@@ -42,7 +171,13 @@ export const initializeRandomObstacle = (
 
   while (obstacles.length < numberOfObstacles) {
     const { x, y } = getRandomPosition(800, 600)
-    const obstacle: Obstacle = { x, y, width: 50, height: 50 }
+    const obstacle: Obstacle = createObstacle(
+      Types.Wall,
+      x,
+      y,
+      OBSTACLE_SIZE,
+      OBSTACLE_SIZE
+    )[0]
 
     // Проверяем, нет ли коллизий с существующими препятствиями
     const hasCollision = obstacles.some(existingObstacle =>
@@ -67,6 +202,10 @@ export const handleBulletObstacleCollisions = (
       if (detectCollision(bullet, obstacle)) {
         // Логика для уничтожения пули, если она попала в препятствие
         bullets.splice(bullets.indexOf(bullet), 1) // Пример, удаляем пулю, если попала в препятствие
+        createBangEffect(
+          bullet.x + bullet.width / 2,
+          bullet.y + bullet.height / 2
+        )
         killObstacle(obstacles, obstacle)
       }
     })
@@ -74,5 +213,20 @@ export const handleBulletObstacleCollisions = (
 }
 
 const killObstacle = (obstacles: Obstacle[], obstacle: Obstacle) => {
-  obstacles.splice(obstacles.indexOf(obstacle), 1)
+  const settings = ObstacleSettings[obstacle.type as Types]
+  const { frames } = settings
+
+  obstacle.hp = obstacle.hp - 1
+
+  const currentFrame = frames.find(
+    (frame: { hp: number; index: number }) => obstacle.hp <= frame.hp
+  )
+
+  if (currentFrame) {
+    obstacle.animation.currentFrame = currentFrame.index
+  }
+
+  if (obstacle.hp === 0) {
+    obstacles.splice(obstacles.indexOf(obstacle), 1)
+  }
 }
diff --git a/packages/client/src/components/Game/player.tsx b/packages/client/src/components/Game/player.tsx
index 92a46dc..c432ff7 100644
--- a/packages/client/src/components/Game/player.tsx
+++ b/packages/client/src/components/Game/player.tsx
@@ -6,7 +6,7 @@ export const PLAYER_DEFAULT_PARAMS = {
   y: 560,
   width: 70,
   height: 70,
-  speed: 2,
+  speed: 3,
   direction: { x: 0, y: 0 },
   animation: {
     currentFrame: 0, // Текущий кадр спрайта
diff --git a/packages/client/src/components/Game/utils.tsx b/packages/client/src/components/Game/utils.tsx
index 64c25cb..13284bb 100644
--- a/packages/client/src/components/Game/utils.tsx
+++ b/packages/client/src/components/Game/utils.tsx
@@ -1,8 +1,18 @@
 import enemiesSpritePath from '@/assets/images/sprites/enemy.png'
 import playerSpritePath from '@/assets/images/sprites/tank.png'
 import bulletSpritePath from '@/assets/images/sprites/bullet.png'
-import wallSpritePath from '@/assets/images/sprites/wall.svg'
-import { AbstractEntity, Enemy, Obstacle } from '@/components/Game/gameTypes'
+import wallSpritePath from '@/assets/images/sprites/wall.png'
+import steelSpritePath from '@/assets/images/sprites/steel.png'
+import treeSpritePath from '@/assets/images/sprites/tree.png'
+import bangSpritePath from '@/assets/images/sprites/bang.png'
+import shotSpritePath from '@/assets/images/sprites/shot.png'
+import {
+  AbstractEntity,
+  Effect,
+  Enemy,
+  Obstacle,
+} from '@/components/Game/gameTypes'
+import { deleteEffect } from './effects'
 
 export const getRandomEdgePosition = (
   canvasWidth: number,
@@ -53,15 +63,17 @@ const darawTank = (
   }
 
   // Если смещение кратно 10 меняем кадр
-  if (moovment % animation.frameInterval === 0) {
+  if (animation?.frameInterval && moovment % animation.frameInterval === 0) {
     animation.currentFrame =
       (animation.currentFrame + 1) % animation?.totalFrames
   }
 
-  spriteSettings.width = sprite.width / animation.totalFrames
-  spriteSettings.height = sprite.height
-  spriteSettings.sourceX = animation.currentFrame * spriteSettings.width
-  spriteSettings.sourceY = 0
+  if (animation) {
+    spriteSettings.width = sprite.width / animation.totalFrames
+    spriteSettings.height = sprite.height
+    spriteSettings.sourceX = animation.currentFrame * spriteSettings.width
+    spriteSettings.sourceY = 0
+  }
 
   context.save()
   context.translate(data.x + data.width / 2, data.y + data.height / 2)
@@ -96,8 +108,6 @@ const enemiesSprite = new Image()
 
 enemiesSprite.src = enemiesSpritePath
 
-const lastEnemyDirection: Record<number, { x: number; y: number }> = {}
-
 export const drawEnemies = (
   context: CanvasRenderingContext2D,
   enemies: Enemy[]
@@ -108,29 +118,53 @@ export const drawEnemies = (
 }
 
 const wallSprite = new Image()
+const steelSprite = new Image()
+const treeSprite = new Image()
+
 wallSprite.src = wallSpritePath
+steelSprite.src = steelSpritePath
+treeSprite.src = treeSpritePath
 
 export const drawObstacles = (
   context: CanvasRenderingContext2D,
   obstacles: Obstacle[]
 ) => {
-  const SPRITE_SIZE = 50
-
   obstacles.forEach(obstacle => {
-    const horizontalCount = Math.ceil(obstacle.width / SPRITE_SIZE)
-    const verticalCount = Math.ceil(obstacle.height / SPRITE_SIZE)
+    let sprite: HTMLImageElement
+
+    switch (obstacle.type) {
+      case 'steel':
+        sprite = steelSprite
+
+        break
+      case 'wall':
+        sprite = wallSprite
+
+        break
+      case 'tree':
+        sprite = treeSprite
+
+        break
+
+      default:
+        sprite = treeSprite
 
-    Array.from({ length: horizontalCount }).forEach((_, i) => {
-      Array.from({ length: verticalCount }).forEach((_, j) => {
-        const x = obstacle.x + i * SPRITE_SIZE
-        const y = obstacle.y + j * SPRITE_SIZE
+        break
+    }
 
-        const width = Math.min(SPRITE_SIZE, obstacle.width - i * SPRITE_SIZE)
-        const height = Math.min(SPRITE_SIZE, obstacle.height - j * SPRITE_SIZE)
+    const spriteSize = sprite.width / obstacle.animation.totalFrames
 
-        context.drawImage(wallSprite, 0, 0, width, height, x, y, width, height)
-      })
-    })
+    context.drawImage(
+      sprite,
+      obstacle.animation.currentFrame * spriteSize,
+      0,
+      spriteSize,
+      spriteSize,
+      obstacle.x,
+      obstacle.y,
+      spriteSize,
+      spriteSize
+    )
   })
 }
 
@@ -162,3 +196,83 @@ export const drawBullets = (
     context.restore()
   })
 }
+
+const bangSprite = new Image()
+const shotSprite = new Image()
+
+bangSprite.src = bangSpritePath
+shotSprite.src = shotSpritePath
+
+export const drawEffects = (
+  context: CanvasRenderingContext2D,
+  effects: Effect[]
+) => {
+  effects.forEach(effect => {
+    const spriteSettings = {
+      width: 0,
+      height: 0,
+      sourceX: 0,
+      sourceY: 0,
+    }
+    let sprite: HTMLImageElement
+
+    if (typeof effect.animation.frameCount === 'number') {
+      effect.animation.frameCount++
+
+      if (
+        effect.animation?.frameInterval &&
+        effect.animation.frameCount % effect.animation.frameInterval === 0
+      ) {
+        effect.animation.currentFrame = effect.animation.currentFrame + 1
+
+        if (
+          effect.animation.currentFrame ===
+          effect.animation.totalFrames - 1
+        ) {
+          deleteEffect(effect)
+        }
+      }
+    }
+
+    switch (effect.type) {
+      case 'shot':
+        sprite = shotSprite
+
+        break
+
+      case 'bang':
+        sprite = bangSprite
+
+        break
+
+      default:
+        sprite = bangSprite
+    }
+
+    spriteSettings.width = sprite.width / effect.animation.totalFrames
+    spriteSettings.height = sprite.height
+    spriteSettings.sourceX =
+      effect.animation.currentFrame * spriteSettings.width
+    spriteSettings.sourceY = 0
+
+    context.save()
+    context.translate(effect.x + effect.width / 2, effect.y + effect.height / 2)
+
+    if (effect.direction)
+      context.rotate(Math.atan2(effect.direction.x, -effect.direction.y))
+
+    context.drawImage(
+      sprite,
+      spriteSettings.sourceX,
+      spriteSettings.sourceY,
+      spriteSettings.width,
+      spriteSettings.height,
+      -effect.width / 2,
+      -effect.height / 2,
+      effect.width,
+      effect.height
+    )
+
+    context.restore()
+  })
+}