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

No:19384

←

Prev Next

→

Merge Game
Developer User8592｜Date and time 23/10/3 11:25:30
Build time 27.869 sec｜Game capacity 5.744KB｜

Script

Merge Game

Score: 0

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Merge Game</title>
  <style>
    body {
      text-align: center;
      font-family: Arial, sans-serif;
      background-color: #f2f2f2;
    }
    .container {
      display: inline-block;
      background-color: white;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
      padding: 20px;
      border-radius: 5px;
    }
    .cell {
      width: 80px;
      height: 80px;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      margin: 10px;
      font-size: 24px;
      font-weight: bold;
      background-color: #ccc;
      color: white;
      border-radius: 5px;
    }
    .score {
      font-size: 18px;
      margin-top: 10px;
    }
  </style>
</head>
<body>
  <div class="container">
    <h1>Merge Game</h1>
    <div class="grid"></div>
    <div class="score">Score: <span id="score">0</span></div>
    <button onclick="startGame()">Start Game</button>
  </div>

const gridSize = 4; // Adjust grid size as needed
    let grid = [];
    let score = 0;

function startGame() {
      // Reset grid and score
      grid = Array(gridSize).fill(null).map(() => Array(gridSize).fill(0));
      score = 0;
      updateGrid();
      generateRandomCell();
      generateRandomCell();
    }

function getCellColor(value) {
      switch (value) {
        case 2: return '#eee4da';
        case 4: return '#ede0c8';
        case 8: return '#f2b179';
        case 16: return '#f59563';
        case 32: return '#f67c5f';
        case 64: return '#f65e3b';
        case 128: return '#edcf72';
        case 256: return '#edcc61';
        case 512: return '#edc850';
        case 1024: return '#edc53f';
        case 2048: return '#edc22e';
        default: return '#ccc0b3';
      }
    }

function getPictogram(value) {
      switch (value) {
        case 2: return '⚀';
        case 4: return '⚁';
        case 8: return '⚂';
        case 16: return '⚃';
        case 32: return '⚄';
        case 64: return '⚅';
        case 128: return '⚆';
        case 256: return '⚇';
        case 512: return '⚈';
        case 1024: return '⚉';
        case 2048: return '⚊';
        default: return '';
      }
    }

function mergeCells(row, col, rowStep, colStep) {
      const currentValue = grid[row][col];
      const nextRow = row + rowStep;
      const nextCol = col + colStep;

if (nextRow < 0 || nextRow >= gridSize || nextCol < 0 || nextCol >= gridSize) {
        return;
      }

const nextValue = grid[nextRow][nextCol];

if (nextValue === 0) {
        grid[nextRow][nextCol] = currentValue;
        grid[row][col] = 0;
        mergeCells(nextRow, nextCol, rowStep, colStep);
      } else if (nextValue === currentValue) {
        grid[nextRow][nextCol] = currentValue * 2;
        grid[row][col] = 0;
        score += currentValue * 2;
      }
    }

function handleKeyPress(event) {
      switch (event.keyCode) {
        case 37: mergeLeft(); break;  // Left arrow key
        case 38: mergeUp(); break;  // Up arrow key
        case 39: mergeRight(); break;  // Right arrow key
        case 40: mergeDown(); break;  // Down arrow key
      }
    }

document.addEventListener('keydown', handleKeyPress);
  </script>
</body>
</html>