AI game creator

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

No:5148

1275

←

Prev Next

→

colony drop
Developer User3812｜Date and time 23/6/29 19:36:16
Build time 29.314 sec｜Game capacity 2.827KB｜

Script

了解です。コロニー落としというゲームを部分的にゲーム化して実装してみます。スマホで遊べるようにし、絵文字も使用します。

以上のコードで、「コロニー落とし」を部分的にゲーム化したものを実装しました。スマホで遊べるようにしており、絵文字も使用しています。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

了解です。コロニー落としというゲームを部分的にゲーム化して実装してみます。スマホで遊べるようにし、絵文字も使用します。

```html
<!DOCTYPE html>
<html>
<head>
  <title>コロニー落とし</title>
  <style>
    body {
      background-color: #f2f2f2;
      margin: 0;
      padding: 0;
    }
    #game-board {
      display: flex;
      flex-wrap: wrap;
      width: 310px;
      margin: 20px auto;
    }
    .cell {
      width: 100px;
      height: 100px;
      font-size: 48px;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid #ccc;
      background-color: #fff;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <div id="game-board"></div>

// セルをクリックしたときに実行される関数
    function cellClicked(index) {
      if (board[index] === null) {
        board[index] = currentPlayer;
        render();

if (checkWin()) {
          alert(`${currentPlayer}の勝利です！`);
          reset();
        } else if (checkDraw()) {
          alert("引き分けです！");
          reset();
        } else {
          currentPlayer = currentPlayer === "😄" ? "😢" : "😄";
        }
      }
    }

// 勝利条件をチェックする関数
    function checkWin() {
      const lines = [
        [0, 1, 2],
        [3, 4, 5],
        [6, 7, 8],
        [0, 3, 6],
        [1, 4, 7],
        [2, 5, 8],
        [0, 4, 8],
        [2, 4, 6]
      ];

for (let line of lines) {
        const [a, b, c] = line;
        if (board[a] && board[a] === board[b] && board[b] === board[c]) {
          return true;
        }
      }

return false;
    }

// 引き分けをチェックする関数
    function checkDraw() {
      return board.every(cell => cell !== null);
    }

// ゲームボードを描画する関数
    function render() {
      const gameBoard = document.getElementById("game-board");
      gameBoard.innerHTML = "";

for (let i = 0; i < 9; i++) {
        const cell = document.createElement("div");
        cell.classList.add("cell");
        cell.textContent = board[i];
        cell.addEventListener("click", () => cellClicked(i));
        gameBoard.appendChild(cell);
      }
    }

// リセットする関数
    function reset() {
      board.fill(null);
      currentPlayer = "😄";
      render();
    }

// 初回描画
    render();
  </script>
</body>
</html>
```

以上のコードで、「コロニー落とし」を部分的にゲーム化したものを実装しました。スマホで遊べるようにしており、絵文字も使用しています。