AI game creator

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

No:8807

←

Prev Next

→

2147483647
Developer どうスクのアプデ早くしろよ！🤬💢｜Date and time 23/7/18 10:42:54
Build time 69.762 sec｜Game capacity 7.429KB｜

Script

了解しました。「2048」という数字パズルゲームを作成します。

このHTMLファイルをブラウザで開くと、2048のゲームがプレイできます。矢印キーまたはWASDキーでプレイすることができます。ただし、タイムアウトやアニメーションなどのエフェクトは含まれていないため、ゲームとしての体験は少し制限されています。

←

Prev　Next

→ 　

Back　

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

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

了解しました。「2048」という数字パズルゲームを作成します。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>2048</title>
  <style>
    body {
      background-color: #faf8ef;
      font-family: "Clear Sans", "Helvetica Neue", Arial, sans-serif;
      margin: 0;
      padding: 0;
    }

#game-container {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
    }

#game-board {
      background-color: #bbada0;
      border-radius: 6px;
      width: 320px;
      padding: 16px;
      box-sizing: border-box;
    }

.tile {
      background-color: #cdc1b4;
      border-radius: 6px;
      width: 72px;
      height: 72px;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 24px;
      font-weight: bold;
      margin: 4px;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="game-board"></div>
  </div>

for (let row = 0; row < 4; row++) {
        for (let col = 0; col < 4; col++) {
          const tileValue = board[row][col] === 0 ? '' : board[row][col];
          const tile = document.createElement('div');
          tile.classList.add('tile');
          tile.textContent = tileValue;
          gameBoard.appendChild(tile);
        }
      }
    }

// ランダムな位置に2または4を追加する関数
    function addRandomTile(board) {
      const emptyTiles = [];

for (let row = 0; row < 4; row++) {
        for (let col = 0; col < 4; col++) {
          if (board[row][col] === 0) {
            emptyTiles.push([row, col]);
          }
        }
      }

if (emptyTiles.length === 0) {
        return false;
      }

const [row, col] = emptyTiles[Math.floor(Math.random() * emptyTiles.length)];
      board[row][col] = Math.random() < 0.9 ? 2 : 4;
      return true;
    }

// ゲーム開始時のボードを生成する関数
    function getInitialBoard() {
      const board = [];
      for (let row = 0; row < 4; row++) {
        board[row] = [];
        for (let col = 0; col < 4; col++) {
          board[row][col] = 0;
        }
      }
      addRandomTile(board);
      addRandomTile(board);
      return board;
    }

// ボードの状態を左にスライドさせる関数
    function slideLeft(board) {
      const newBoard = [];
      for (let row = 0; row < 4; row++) {
        newBoard[row] = [];
        for (let col = 0; col < 4; col++) {
          newBoard[row][col] = board[row][col];
        }
      }

for (let row = 0; row < 4; row++) {
        let currentCol = 0;
        for (let col = 1; col < 4; col++) {
          if (newBoard[row][col] !== 0) {
            if (newBoard[row][currentCol] === 0) {
              newBoard[row][currentCol] = newBoard[row][col];
              newBoard[row][col] = 0;
            } else if (newBoard[row][currentCol] === newBoard[row][col]) {
              newBoard[row][currentCol] *= 2;
              newBoard[row][col] = 0;
              currentCol++;
            } else {
              currentCol++;
              newBoard[row][currentCol] = newBoard[row][col];
              if (col !== currentCol) {
                newBoard[row][col] = 0;
              }
            }
          }
        }
      }

return newBoard;
    }

// ゲームオーバーかを判定する関数
    function isGameOver(board) {
      for (let row = 0; row < 4; row++) {
        for (let col = 0; col < 4; col++) {
          if (board[row][col] === 0) {
            return false;
          }
          if (row !== 3 && board[row][col] === board[row + 1][col]) {
            return false;
          }
          if (col !== 3 && board[row][col] === board[row][col + 1]) {
            return false;
          }
        }
      }
      return true;
    }

// スワイプ操作を処理する関数
    function handleSwipe(event) {
      const direction = event.target.dataset.direction;
      let moved = false;

if (gameOver) {
        alert('Game over!');
        return;
      }

switch (direction) {
        case 'left':
          moved = moveLeft();
          break;
        case 'right':
          moved = moveRight();
          break;
        case 'up':
          moved = moveUp();
          break;
        case 'down':
          moved = moveDown();
          break;
        default:
          return;
      }

if (moved) {
        addRandomTile(board);
      }

drawBoard(board);

if (isGameOver(board)) {
        gameOver = true;
        alert('Game over!');
      }
    }

// ボードを左に移動する関数
    function moveLeft() {
      const newBoard = slideLeft(board);
      if (!arraysEqual(board, newBoard)) {
        board = newBoard;
        return true;
      }
      return false;
    }

// ボードを右に移動する関数
    function moveRight() {
      board = rotateBoard(board, 180);
      const moved = moveLeft();
      board = rotateBoard(board, 180);
      return moved;
    }

// ボードを上に移動する関数
    function moveUp() {
      board = rotateBoard(board, 270);
      const moved = moveLeft();
      board = rotateBoard(board, 90);
      return moved;
    }

// ボードを下に移動する関数
    function moveDown() {
      board = rotateBoard(board, 90);
      const moved = moveLeft();
      board = rotateBoard(board, 270);
      return moved;
    }

// ボードを回転する関数
    function rotateBoard(board, degrees) {
      const rotatedBoard = [];
      const n = 4;

if (degrees === 90) {
        for (let row = 0; row < n; row++) {
          rotatedBoard[row] = [];
          for (let col = 0; col < n; col++) {
            rotatedBoard[row][col] = board[n - col - 1][row];
          }
        }
      } else if (degrees === 180) {
        for (let row = 0; row < n; row++) {
          rotatedBoard[row] = [];
          for (let col = 0; col < n; col++) {
            rotatedBoard[row][col] = board[n - row - 1][n - col - 1];
          }
        }
      } else if (degrees === 270) {
        for (let row = 0; row < n; row++) {
          rotatedBoard[row] = [];
          for (let col = 0; col < n; col++) {
            rotatedBoard[row][col] = board[col][n - row - 1];
          }
        }
      }

return rotatedBoard;
    }

// 2つの配列が等しいかを判定する関数
    function arraysEqual(a, b) {
      for (let i = 0; i < 4; i++) {
        for (let j = 0; j < 4; j++) {
          if (a[i][j] !== b[i][j]) {
            return false;
          }
        }
      }
      return true;
    }

// イベントリスナーを追加
    document.addEventListener('DOMContentLoaded', () => {
      board = getInitialBoard();
      drawBoard(board);
      document.addEventListener('keydown', handleSwipe);
    });
  </script>
</body>
</html>
```