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

No:8485

2328

←

Prev Next

→

Merge Game
Developer User4198｜Date and time 23/7/16 10:34:18
Build time 41.087 sec｜Game capacity 5.664KB｜

Script

Sure! Here's a sample game called "Merge Game" implemented as a single HTML file, including JavaScript, enclosed in script tags. The game involves merging numbers to reach a target number.

Merge Game

To play the game, you can simply copy the above code and save it as an HTML file. The game can be played on a smartphone or desktop browser. The objective is to merge the numbers on the board by swiping in different directions (up, down, left, right) to reach the target number of 2048. The score increases every time numbers are merged.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

Sure! Here's a sample game called "Merge Game" implemented as a single HTML file, including JavaScript, enclosed in script tags. The game involves merging numbers to reach a target number.

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Merge Game</title>
</head>
<body>
  <script>
    // Game logic and functionality
    document.addEventListener("DOMContentLoaded", function() {
      const targetNumber = 2048; // Target number to reach
      let score = 0; // Current score
      let numbers = [2, 2, 4]; // Initial numbers on the board

refreshBoard();

// Function to refresh the board
      function refreshBoard() {
        const boardElement = document.getElementById("board");
        boardElement.innerHTML = "";

for (let i = 0; i < numbers.length; i++) {
          const numberElement = document.createElement("div");
          numberElement.className = "number";
          numberElement.textContent = numbers[i];

boardElement.appendChild(numberElement);
        }

const scoreElement = document.getElementById("score");
        scoreElement.textContent = "Score: " + score;
      }

// Function to merge the numbers
      function mergeNumbers() {
        for (let i = numbers.length - 1; i > 0; i--) {
          if (numbers[i] === numbers[i - 1]) {
            numbers[i] *= 2;
            score += numbers[i];
            numbers.splice(i - 1, 1);
          }
        }

refreshBoard();

if (numbers.includes(targetNumber)) {
          alert("Congratulations! You reached " + targetNumber + "!");
          restartGame();
        }
      }

// Function to handle swipe events
      let startTouchX, startTouchY;

document.addEventListener("touchstart", function(event) {
        startTouchX = event.touches[0].clientX;
        startTouchY = event.touches[0].clientY;
      });

document.addEventListener("touchend", function(event) {
        const endTouchX = event.changedTouches[0].clientX;
        const endTouchY = event.changedTouches[0].clientY;

const deltaX = endTouchX - startTouchX;
        const deltaY = endTouchY - startTouchY;

if (Math.abs(deltaX) > Math.abs(deltaY)) {
          if (deltaX > 0) {
            moveRight();
          } else {
            moveLeft();
          }
        } else {
          if (deltaY > 0) {
            moveDown();
          } else {
            moveUp();
          }
        }
      });

// Function for moving numbers to the right
      function moveRight() {
        let moved = false;

for (let i = 0; i < numbers.length; i++) {
          for (let j = numbers.length - 1; j > i; j--) {
            if (numbers[j] === 0) {
              continue;
            } else if (numbers[j - 1] === 0) {
              numbers[j - 1] = numbers[j];
              numbers[j] = 0;
              moved = true;
            } else if (numbers[j] === numbers[j - 1]) {
              numbers[j] *= 2;
              score += numbers[j];
              numbers.splice(j - 1, 1);
              moved = true;
            }
          }
        }

if (moved) {
          generateNewNumber();
          refreshBoard();
        }
      }

// Function for moving numbers to the left
      function moveLeft() {
        numbers.reverse();
        moveRight();
        numbers.reverse();
      }

// Function for moving numbers down
      function moveDown() {
        rotateBoard();
        moveRight();
        rotateBoard();
      }

// Function for moving numbers up
      function moveUp() {
        rotateBoard();
        moveLeft();
        rotateBoard();
      }

// Function to rotate the board 90 degrees
      function rotateBoard() {
        const N = numbers.length;
        const board = new Array(N);

for (let i = 0; i < N; i++) {
          board[i] = new Array(N);
          for (let j = 0; j < N; j++) {
            board[i][j] = numbers[j * N + i];
          }
        }

for (let i = 0; i < N; i++) {
          for (let j = 0; j < N; j++) {
            numbers[i * N + j] = board[N - j - 1][i];
          }
        }
      }

// Function to generate a new number (2 or 4) on the board
      function generateNewNumber() {
        const emptyIndices = [];

for (let i = 0; i < numbers.length; i++) {
          if (numbers[i] === 0) {
            emptyIndices.push(i);
          }
        }

const randomIndex = emptyIndices[Math.floor(Math.random() * emptyIndices.length)];
        numbers[randomIndex] = Math.random() < 0.9 ? 2 : 4;
      }

// Function to restart the game
      function restartGame() {
        score = 0;
        numbers = [2, 2, 4];
        refreshBoard();
      }
    });
  </script>

.number {
      width: 60px;
      height: 60px;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #eee;
      margin: 5px;
      font-size: 24px;
      font-weight: bold;
      border-radius: 5px;
    }

#score {
      font-size: 18px;
      font-weight: bold;
    }
  </style>

<h1>Merge Game</h1>

<div id="board"></div>
  <div id="score"></div>
</body>
</html>
```