Audio effect of shots

src/Weapon.jsx

@@ -5,6 +5,7 @@ import {useEffect, useRef, useState} from "react";
 import {useFrame, useLoader} from "@react-three/fiber";
 import {usePointerLockControlsStore} from "./App.jsx";
 import {create} from "zustand";
+import SingleShootAK47 from "./assets/sounds/single-shoot-ak47.wav";
 import FlashShoot from "./assets/images/flash_shoot.png";
 
 const SHOOT_BUTTON = parseInt(import.meta.env.VITE_SHOOT_BUTTON);
@@ -25,6 +26,8 @@ export const Weapon = (props) => {
     const setIsAiming = useAimingStore((state) => state.setIsAiming);
     const weaponRef = useRef();
 
+    const audio = new Audio(SingleShootAK47);
+
     const texture = useLoader(THREE.TextureLoader, FlashShoot);
 
     const [flashAnimation, setFlashAnimation] = useState(null);
@@ -92,6 +95,8 @@ export const Weapon = (props) => {
     const startShooting = () => {
         if (!recoilAnimation) return;
 
+        audio.play();
+
         recoilAnimation.start();
         flashAnimation.start();
     }