создай стратегическию игру, на контроль территории's game

Click here for free DL of the app version that can save data.

No:25132

←

Prev Next

→

создай стратегическию игру, на контроль территории
Developer User12225｜Date and time 23/11/18 4:11:51
Build time 102.957 sec｜Game capacity 3.63KB｜

Script

Конечно, давайте создадим простую стратегическую игру, в которой нужно захватывать и контролировать территории. Вот код игры:

В этой игре есть поле-доска размером 3x3, представленное в виде таблицы. Игроки будут по очереди ставить свои знаки (X или O) в свободные клетки. Игра проверяет победную комбинацию после каждого хода и объявляет победителя или ничью. Игру можно сбросить и начать заново. Приложение будет работать на смартфонах. Кликайте на клетки, чтобы ходить. Удачи в игре!

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

Click here for free DL of the app version that can save data.

```html
<!DOCTYPE html>
<html>
<head>
<style>
  #game-board {
    width: 300px;
    height: 300px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    gap: 10px;
    margin: 20px auto;
    padding: 10px;
    border: 1px solid #000;
    background-color: #eee;
  }

.cell {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    cursor: pointer;
  }
</style>
</head>

currentPlayer.innerHTML = players[currentPlayerIndex];
    board.prepend(currentPlayer);

// Обработчик клика по клетке
    function cellClick(index) {
      if (territory[index] === '') {
        territory[index] = players[currentPlayerIndex];
        cells[index].innerHTML = players[currentPlayerIndex];
        currentPlayerIndex = (currentPlayerIndex + 1) % players.length;
        currentPlayer.innerHTML = players[currentPlayerIndex];

if (checkWin()) {
          alert(`Игрок ${players[currentPlayerIndex]} победил!`);
          resetGame();
        } else if (territory.every(cell => cell !== '')) {
          alert('Ничья!');
          resetGame();
        }
      }
    }

// Проверка на победу
    function checkWin() {
      const winConditions = [
        [0, 1, 2], [3, 4, 5], [6, 7, 8], // горизонтальные линии
        [0, 3, 6], [1, 4, 7], [2, 5, 8], // вертикальные линии
        [0, 4, 8], [2, 4, 6] // диагонали
      ];

return winConditions.some(condition => {
        const [a, b, c] = condition;
        return territory[a] !== '' && territory[a] === territory[b] && territory[a] === territory[c];
      });
    }

// Сброс игры
    function resetGame() {
      territory.fill('');
      cells.forEach(cell => cell.innerHTML = '');
    }

// Добавляем обработчик клика для каждой клетки
    cells.forEach((cell, index) => {
      cell.addEventListener('click', () => cellClick(index));
    });
  </script>
</body>
</html>
```