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

No:40141

141

←

Prev Next

→

マージゲーム
Developer 食べる鶏と熱いタバスコ｜Date and time 24/2/1 7:22:27
Build time 29.195 sec｜Game capacity 7.444KB｜

Script

了解しました。以下にマージゲームの例を記述します。

Merge Game

以上がマージゲームの例です。タッチした方向にブロックを移動させ、同じ数字のブロックを組み合わせてスコアを稼ぎましょう。スマートフォンでプレイすることを前提として作成されています。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

了解しました。以下にマージゲームの例を記述します。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Merge Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    .game-board {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      margin-top: 20px;
    }
    .tile {
      width: 80px;
      height: 80px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 24px;
      background-color: #eee;
      border-radius: 5px;
      margin: 5px;
    }
  </style>
</head>
<body>
  <h1>Merge Game</h1>
  <div id="game-board" class="game-board"></div>

// ゲームボードの初期化
    let gameBoard = [];
    for (let i = 0; i < boardSize; i++) {
      gameBoard[i] = [];
      for (let j = 0; j < boardSize; j++) {
        gameBoard[i][j] = null;
      }
    }

// ゲームボードに新しいブロックを追加
    function addNewTile() {
      const x = Math.floor(Math.random() * boardSize);
      const y = Math.floor(Math.random() * boardSize);

if (gameBoard[x][y] === null) {
        const value = Math.random() < 0.8 ? 2 : 4; // 2と4をランダムに追加
        gameBoard[x][y] = value;
      } else {
        addNewTile(); // ブロックが既に存在する場合は再帰的に追加を試行
      }
    }

// ゲームボードを描画
    function drawGameBoard() {
      const boardElem = document.getElementById('game-board');
      boardElem.innerHTML = '';

for (let i = 0; i < boardSize; i++) {
        for (let j = 0; j < boardSize; j++) {
          const tile = document.createElement('div');
          tile.className = 'tile';

if (gameBoard[i][j] !== null) {
            tile.textContent = gameBoard[i][j];
          }

boardElem.appendChild(tile);
        }
      }
    }

// ゲームの初期化
    function initGame() {
      addNewTile();
      drawGameBoard();
    }

// ゲームの開始
    initGame();

// スワイプ操作のハンドリング
    let touchStartX = null;
    let touchStartY = null;

function handleTouchStart(event) {
      touchStartX = event.touches[0].clientX;
      touchStartY = event.touches[0].clientY;
    }

function handleTouchEnd(event) {
      const touchEndX = event.changedTouches[0].clientX;
      const touchEndY = event.changedTouches[0].clientY;

const dx = touchEndX - touchStartX;
      const dy = touchEndY - touchStartY;

if (Math.abs(dx) > Math.abs(dy)) {
        // 横方向のスワイプ
        if (dx > 0) {
          // 右方向
          moveRight();
        } else {
          // 左方向
          moveLeft();
        }
      } else {
        // 縦方向のスワイプ
        if (dy > 0) {
          // 下方向
          moveDown();
        } else {
          // 上方向
          moveUp();
        }
      }

drawGameBoard();
    }

// ブロックのマージ
    function mergeTiles(row, col, nextRow, nextCol) {
      if (gameBoard[nextRow][nextCol] === gameBoard[row][col]) {
        gameBoard[nextRow][nextCol] *= 2;
        gameBoard[row][col] = null;
      }
    }

// 右に移動
    function moveRight() {
      let moved = false;

for (let row = 0; row < boardSize; row++) {
        for (let col = boardSize - 2; col >= 0; col--) {
          if (gameBoard[row][col] !== null) {
            let nextCol = col + 1;

while (nextCol < boardSize && gameBoard[row][nextCol] === null) {
              nextCol++;
            }

if (
              nextCol < boardSize &&
              gameBoard[row][nextCol] === gameBoard[row][col]
            ) {
              mergeTiles(row, col, row, nextCol);
              moved = true;
            } else {
              gameBoard[row][nextCol - 1] = gameBoard[row][col];
              if (nextCol - 1 !== col) {
                gameBoard[row][col] = null;
                moved = true;
              }
            }
          }
        }
      }

if (moved) {
        addNewTile();
      }
    }

// 左に移動
    function moveLeft() {
      let moved = false;

for (let row = 0; row < boardSize; row++) {
        for (let col = 1; col < boardSize; col++) {
          if (gameBoard[row][col] !== null) {
            let nextCol = col - 1;

while (nextCol >= 0 && gameBoard[row][nextCol] === null) {
              nextCol--;
            }

if (
              nextCol >= 0 &&
              gameBoard[row][nextCol] === gameBoard[row][col]
            ) {
              mergeTiles(row, col, row, nextCol);
              moved = true;
            } else {
              gameBoard[row][nextCol + 1] = gameBoard[row][col];
              if (nextCol + 1 !== col) {
                gameBoard[row][col] = null;
                moved = true;
              }
            }
          }
        }
      }

if (moved) {
        addNewTile();
      }
    }

// 下に移動
    function moveDown() {
      let moved = false;

for (let col = 0; col < boardSize; col++) {
        for (let row = boardSize - 2; row >= 0; row--) {
          if (gameBoard[row][col] !== null) {
            let nextRow = row + 1;

while (nextRow < boardSize && gameBoard[nextRow][col] === null) {
              nextRow++;
            }

if (
              nextRow < boardSize &&
              gameBoard[nextRow][col] === gameBoard[row][col]
            ) {
              mergeTiles(row, col, nextRow, col);
              moved = true;
            } else {
              gameBoard[nextRow - 1][col] = gameBoard[row][col];
              if (nextRow - 1 !== row) {
                gameBoard[row][col] = null;
                moved = true;
              }
            }
          }
        }
      }

if (moved) {
        addNewTile();
      }
    }

// 上に移動
    function moveUp() {
      let moved = false;

for (let col = 0; col < boardSize; col++) {
        for (let row = 1; row < boardSize; row++) {
          if (gameBoard[row][col] !== null) {
            let nextRow = row - 1;

while (nextRow >= 0 && gameBoard[nextRow][col] === null) {
              nextRow--;
            }

if (
              nextRow >= 0 &&
              gameBoard[nextRow][col] === gameBoard[row][col]
            ) {
              mergeTiles(row, col, nextRow, col);
              moved = true;
            } else {
              gameBoard[nextRow + 1][col] = gameBoard[row][col];
              if (nextRow + 1 !== row) {
                gameBoard[row][col] = null;
                moved = true;
              }
            }
          }
        }
      }

if (moved) {
        addNewTile();
      }
    }

// スワイプ操作のイベントリスナーを登録
    const gameElem = document.getElementById('game-board');
    gameElem.addEventListener('touchstart', handleTouchStart);
    gameElem.addEventListener('touchend', handleTouchEnd);
  </script>
</body>
</html>
```