Merge branch 'develop' into 27-check

package.json

@@ -35,6 +35,7 @@
     "babel-jest": "^26.6.3",
     "babel-plugin-transform-class-properties": "^6.24.1",
     "clean-webpack-plugin": "^3.0.0",
+    "copy-webpack-plugin": "^7.0.0",
     "css-loader": "^5.0.1",
     "eslint": "^7.18.0",
     "eslint-config-prettier": "^7.2.0",

src/controllers/GameController.ts

@@ -5,6 +5,7 @@ import { Piece } from '../services/game-logic/pieces/Piece';
 import { BoardView } from '../views/BoardView';
 import { SettingsControls } from '../views/SettingsControls';
 import { OpeningView } from '../views/OpeningView';
+import { Sound } from '../services/game-logic/Sound';
 
 class GameController {
     boardView: BoardView;
@@ -13,6 +14,7 @@ class GameController {
     activeSquare: Square | null;
     currentPlayer: Colors;
     openingView: OpeningView;
+    sound: Sound;
 
     constructor() {
         this.activeSquare = null;
@@ -21,6 +23,7 @@ class GameController {
         this.settingsView = new SettingsControls();
         this.openingView = new OpeningView();
         this.currentPlayer = Colors.WHITE;
+        this.sound = new Sound();
         this.updateBoard();
     }
 
@@ -32,6 +35,7 @@ class GameController {
             const isLegalMove = legalMoves.some((move) => square?.row === move.row && square?.column === move.column);
 
             if (isLegalMove) {
+                this.playSound(this.activeSquare, square);
                 this.gameEngine.movePiece(this.activeSquare, square);
                 this.boardView.render(this.gameEngine.board);
                 this.changePlayer();
@@ -45,6 +49,17 @@ class GameController {
         }
     };
 
+    private playSound(location: Square, destination: Square): void {
+        const locationPiece = this.gameEngine.board.getPiece(location);
+        const destinationPiece = this.gameEngine.board.getPiece(destination);
+
+        if (locationPiece && destinationPiece) {
+            this.sound.playCapturingMoveSound();
+        } else {
+            this.sound.playNormalMoveSound();
+        }
+    }
+
     private isCurrentPlayer(selectedPiece: Piece | null): boolean {
         return this.currentPlayer === selectedPiece?.color;
     }

src/services/game-logic/Sound.ts

@@ -0,0 +1,24 @@
+class Sound {
+    private lastPlayedMoveSound = 0;
+    private AMOUNT_OF_NORMAL_MOVE_SOUNDS = 3;
+
+    public playCapturingMoveSound(): void {
+        const sound = new Audio('/static/sounds/capture.mp3');
+        sound.play();
+    }
+
+    public playNormalMoveSound(): void {
+        const generateRandomNumber = () => Math.floor(Math.random() * this.AMOUNT_OF_NORMAL_MOVE_SOUNDS);
+        let randomNumber = generateRandomNumber();
+
+        // avoid playing same sound as before
+        while (this.lastPlayedMoveSound === randomNumber) {
+            randomNumber = generateRandomNumber();
+        }
+        const sound = new Audio(`/static/sounds/${randomNumber}.mp3`);
+        sound.play();
+        this.lastPlayedMoveSound = randomNumber;
+    }
+}
+
+export { Sound };

webpack.common.config.js

@@ -1,5 +1,6 @@
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const { CleanWebpackPlugin } = require('clean-webpack-plugin');
+const CopyPlugin = require('copy-webpack-plugin');
 const path = require('path');
 
 module.exports = {
@@ -23,7 +24,7 @@ module.exports = {
                 ]
             },
             {
-                test: /\.(png|jpe?g|svg)$/i,
+                test: /\.(png|jpe?g|svg|mp3)$/i,
                 use: 'file-loader'
             }
         ]
@@ -35,5 +36,11 @@ module.exports = {
         filename: 'bundle.js',
         path: path.resolve(__dirname, 'dist')
     },
-    plugins: [new CleanWebpackPlugin(), new HtmlWebpackPlugin({ template: './src/index.html', scriptLoading: 'defer' })]
+    plugins: [
+        new CleanWebpackPlugin(),
+        new HtmlWebpackPlugin({ template: './src/index.html', scriptLoading: 'defer' }),
+        new CopyPlugin({
+            patterns: [{ from: 'static', to: 'static' }]
+        })
+    ]
 };