Develop

src/modules/Game.class.js

@@ -1,3 +1,4 @@
+/* eslint-disable prefer-const */
 'use strict';
 
 /**
@@ -19,16 +20,173 @@ class Game {
    *
    * If passed, the board will be initialized with the provided
    * initial state.
+  initialState = [
+    [0, 0, 0, 0],
+    [0, 0, 0, 0],
+    [0, 0, 0, 0],
+    [0, 0, 0, 0],
+  ];
    */
-  constructor(initialState) {
+  // TODO: Замінити по індексу числа
+  constructor(
+    initialState = [
+      [0, 0, 0, 0],
+      [0, 0, 0, 0],
+      [0, 0, 0, 0],
+      [0, 0, 0, 0],
+    ],
+  ) {
+    this.initialState = initialState;
+
     // eslint-disable-next-line no-console
-    console.log(initialState);
+    console.log(this.initialState);
   }
 
-  moveLeft() {}
-  moveRight() {}
-  moveUp() {}
-  moveDown() {}
+  moveLeft() {
+    for (const row of this.initialState) {
+      // 1. Видаляємо всі нулі
+      let numbers = row.filter((num) => num !== 0);
+
+      // 2. Об'єднуємо однакові числа
+      for (let i = 0; i < numbers.length - 1; i++) {
+        if (numbers[i] === numbers[i + 1]) {
+          if (numbers[i] < 256) {
+            numbers[i] *= 2; // Об'єднуємо числа
+          } else {
+            numbers[i] += numbers[i]; // Інша логіка для чисел > 256
+          }
+          numbers[i + 1] = 0;
+        }
+      }
+
+      // 3. Видаляємо нові нулі після об'єднання
+      numbers = numbers.filter((num) => num !== 0);
+
+      // 4. Заповнюємо рядок нулями праворуч
+      const newRow = numbers.concat(Array(row.length - numbers.length).fill(0));
+
+      // 5. Оновлюємо рядок у `this.initialState`
+      row.length = 0;
+      row.push(...newRow);
+    }
+
+    this.addRandomOneNumber();
+    // eslint-disable-next-line no-console
+    console.log(this.initialState);
+  }
+
+  moveRight() {
+    for (const row of this.initialState) {
+      let numbers = row.filter((num) => num !== 0);
+
+      for (let i = numbers.length - 1; i > 0; i--) {
+        if (numbers[i] === numbers[i - 1]) {
+          if (numbers[i] < 256) {
+            numbers[i] *= 2; // Об'єднуємо числа
+          } else {
+            numbers[i] += numbers[i]; // Інша логіка для чисел > 256
+          }
+          numbers[i - 1] = 0;
+        }
+      }
+
+      numbers = numbers.filter((num) => num !== 0);
+
+      const newRow = Array(row.length - numbers.length)
+        .fill(0)
+        .concat(numbers);
+
+      row.length = 0;
+      row.push(...newRow);
+    }
+    this.addRandomOneNumber();
+    // eslint-disable-next-line no-console
+    console.log(this.initialState);
+  }
+  moveUp() {
+    for (let col = 0; col < this.initialState[0].length; col++) {
+      // Створюємо масив для кожної колонки, видаляючи нулі
+      let column = this.initialState
+        .map((row) => row[col])
+        .filter((num) => num !== 0);
+
+      // Об'єднуємо однакові числа
+      for (let i = 0; i < column.length - 1; i++) {
+        if (column[i] === column[i + 1]) {
+          if (column[i] < 256) {
+            column[i] *= 2; // Об'єднуємо числа
+          } else {
+            column[i] += column[i]; // Інша логіка для чисел > 256
+          }
+          column[i + 1] = 0;
+        }
+      }
+
+      // Видаляємо всі нулі, які з'явилися після об'єднання
+      column = column.filter((num) => num !== 0);
+
+      // Додаємо нулі в кінець, щоб заповнити колонку до повної довжини
+      const newColumn = column.concat(
+        Array(this.initialState.length - column.length).fill(0),
+      );
+
+      // Записуємо нові значення в колонку
+      for (let row = 0; row < this.initialState.length; row++) {
+        this.initialState[row][col] = newColumn[row];
+      }
+    }
+
+    this.addRandomOneNumber();
+    // eslint-disable-next-line no-console
+    console.log(this.initialState);
+  }
+
+  // довн не працює
+  moveDown() {
+    for (let col = 0; col < this.initialState[0].length; col++) {
+      // Створюємо масив для кожної колонки
+      let column = this.initialState
+        .map((row) => row[col])
+        .filter((num) => num !== 0);
+
+      // Об'єднуємо однакові числа, починаючи знизу
+      // рухаємось знизу вверх по колонці, не рядку
+      // якщо ми бачимо, що цей елемент {і} === {і - 1}
+      // тобто дорівнює попередньому елементу, то ми множимо числа на 2
+      // TODO: зробити типу такої логіки з двійкою, але можна винести
+      // TODO: поточне число в окрему змінну
+      for (let i = column.length - 1; i > 0; i--) {
+        if (column[i] === column[i - 1]) {
+          if (column[i] < 256) {
+            column[i] *= 2; // Об'єднуємо числа
+          } else {
+            column[i] += column[i]; // Інша логіка для чисел > 256
+          }
+          column[i - 1] = 0;
+        }
+      }
+
+      // Видаляємо нулі після об'єднання
+      column = column.filter((num) => num !== 0);
+
+      // Додаємо нулі на початок, щоб заповнити верх колонки
+      // Відніманням ми визначаємо скільки нулів потрібно, щоб заповнити простір
+      // недостающий нулями this.initialState.length - column.length
+      //  конкат та філ з'єднує числа які в нас є з нулями в 1 колонку
+      const newColumn = Array(this.initialState.length - column.length)
+        .fill(0)
+        .concat(column);
+
+      // Записуємо нові значення в колонку
+      for (let row = 0; row < this.initialState.length; row++) {
+        this.initialState[row][col] = newColumn[row];
+      }
+    }
+
+    this.addRandomOneNumber();
+    // eslint-disable-next-line no-console
+    console.log(this.initialState);
+  }
 
   /**
    * @returns {number}
@@ -50,17 +208,127 @@ class Game {
    * `win` - the game is won;
    * `lose` - the game is lost
    */
-  getStatus() {}
+  getStatus() {
+    // повертає видозмінений масив
+    // eslint-disable-next-line no-console
+    const isWin = this.initialState.some((row) => row.includes(2048));
+
+    if (isWin) {
+      const createDivWin = document.createElement('div');
+
+      createDivWin.classList.add('message-win');
+      createDivWin.textContent = 'You winner';
+      document.body.append(createDivWin);
+    }
+
+    const isLose = this.checkLose();
+
+    if (isLose === 'Lose') {
+      const createDivLose = document.createElement('div');
+
+      createDivLose.classList.add('message');
+      createDivLose.textContent = 'You lose';
+      document.body.append(createDivLose);
+    }
+  }
 
   /**
    * Starts the game.
    */
-  start() {}
+  start() {
+    this.state = [...this.initialState]; // Скидаємо поле до початкового стану
+    this.addRandomNumber(); // Додаємо два числа 2 на випадкові позиції
+  }
+
+  checkLose() {
+    if (this.initialState.every((row) => row.every((cell) => cell !== 0))) {
+      // Перевіряємо можливість ходу
+      for (let i = 0; i < this.initialState.length; i++) {
+        for (let j = 0; j < this.initialState[i].length; j++) {
+          const cell = this.initialState[i][j];
+          // Перевірка сусідніх клітинок
+
+          if (
+            (i > 0 && this.initialState[i - 1][j] === cell) || // Верхня
+            (i < this.initialState.length - 1 &&
+              this.initialState[i + 1][j] === cell) || // Нижня
+            (j > 0 && this.initialState[i][j - 1] === cell) || // Ліва
+            (j < this.initialState[i].length - 1 &&
+              this.initialState[i][j + 1] === cell) // Права
+          ) {
+            return 'Continue'; // Є можливий хід
+          }
+        }
+      }
+
+      return 'Lose';
+    }
+
+    return 'Continue'; // Є порожні клітинки
+  }
 
+  // Метод для додавання випадкових двійок на поле
+  addRandomNumber() {
+    let emptyCells = [];
+
+    // Збираємо всі порожні клітинки
+    this.state.forEach((row, rowIndex) => {
+      row.forEach((cell, colIndex) => {
+        if (cell === 0) {
+          emptyCells.push({ rowIndex, colIndex });
+        }
+      });
+    });
+
+    // Вибираємо дві випадкові клітинки
+    for (let i = 0; i < 2; i++) {
+      const randomIndex = Math.floor(Math.random() * emptyCells.length);
+      const { rowIndex, colIndex } = emptyCells[randomIndex];
+
+      this.state[rowIndex][colIndex] = 2; // Поміщаємо двійку в клітинку
+      emptyCells.splice(randomIndex, 1);
+    }
+  }
+
+  addRandomOneNumber() {
+    let emptyCells = [];
+
+    // Збираємо всі порожні клітинки
+    this.state.forEach((row, rowIndex) => {
+      row.forEach((cell, colIndex) => {
+        if (cell === 0) {
+          emptyCells.push({ rowIndex, colIndex });
+        }
+      });
+    });
+
+    // Вибираємо дві випадкові клітинки
+    for (let i = 0; i < 1; i++) {
+      const randomIndex = Math.floor(Math.random() * emptyCells.length);
+      const { rowIndex, colIndex } = emptyCells[randomIndex];
+
+      this.state[rowIndex][colIndex] = 2; // Поміщаємо двійку в клітинку
+      emptyCells.splice(randomIndex, 1);
+    }
+  }
+
+  resetArrayToZero(arr) {
+    for (let i = 0; i < arr.length; i++) {
+      for (let j = 0; j < arr[i].length; j++) {
+        arr[i][j] = 0;
+      }
+    }
+  }
   /**
    * Resets the game.
    */
-  restart() {}
+  restart() {
+    this.resetArrayToZero(this.initialState);
+
+    this.state = [...this.initialState];
+
+    this.addRandomNumber();
+  }
 
   // Add your own methods here
 }