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

No:8089

3650

←

Prev Next

→

Merge numbers
Developer User4131｜Date and time 23/7/12 23:14:09
Build time 24.895 sec｜Game capacity 3.898KB｜

Script

Sure! Here's a sample game that meets your requirements. It's a simple smartphone game where you need to merge numbers by swiping them in the correct direction.

Merge Numbers

This is a simple implementation of the popular 2048 game. Players can swipe left or right to merge numbers of the same value in the specified direction. The goal is to reach the number 2048 by merging numbers.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

Sure! Here's a sample game that meets your requirements. It's a simple smartphone game where you need to merge numbers by swiping them in the correct direction.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Merge Numbers</title>
  <style>
    body {
      font-family: Arial, sans-serif;
    }

.number {
      width: 80px;
      height: 80px;
      background-color: #ccc;
      border-radius: 5px;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 24px;
      margin: 10px;
      cursor: pointer;
    }

#grid {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
    }
  </style>
</head>
<body>
  <h1>Merge Numbers</h1>
  <div id="grid"></div>

// Create initial numbers
    function createNumbers() {
      for (let i = 0; i < SIZE * SIZE; i++) {
        const number = document.createElement('div');
        number.classList.add('number');
        number.innerText = 2;
        document.getElementById('grid').appendChild(number);
        grid[i] = 2;
      }
    }

// Update the grid with merged numbers
    function updateGrid() {
      const numbers = document.getElementsByClassName('number');
      for (let i = 0; i < numbers.length; i++) {
        numbers[i].innerText = grid[i];
        numbers[i].style.backgroundColor = numberColor(grid[i]);
      }
    }

// Merge numbers in a given direction
    function mergeNumbers(direction) {
      let moved = false;
      switch (direction) {
        case 'left':
          for (let i = 0; i < SIZE * SIZE; i += SIZE) {
            for (let j = i; j < i + SIZE - 1; j++) {
              if (grid[j] === grid[j + 1]) {
                grid[j] *= 2;
                grid[j + 1] = 0;
                moved = true;
              }
            }
          }
          break;
        // Add more cases for other directions (right, up, down)
      }

if (moved) {
        updateGrid();
      }
    }

// Handle swipe events
    function handleSwipe(swipeDirection) {
      mergeNumbers(swipeDirection);
    }

// Detect swipe direction
    function detectSwipe(el, callback) {
      const swipeThreshold = 50;
      let startX;
      let startY;
      let distX;
      let distY;

el.addEventListener('touchstart', function (e) {
        const touchObj = e.changedTouches[0];
        startX = touchObj.pageX;
        startY = touchObj.pageY;
      });

el.addEventListener('touchmove', function (e) {
        e.preventDefault();
        const touchObj = e.changedTouches[0];
        distX = touchObj.pageX - startX;
        distY = touchObj.pageY - startY;
      });

el.addEventListener('touchend', function (e) {
        const absDistX = Math.abs(distX);
        const absDistY = Math.abs(distY);
        if (Math.max(absDistX, absDistY) > swipeThreshold) {
          if (absDistX > absDistY) {
            callback(distX > 0 ? 'right' : 'left');
          } else {
            callback(distY > 0 ? 'down' : 'up');
          }
        }
      });
    }

// Get color for the number based on its value
    function numberColor(number) {
      switch (number) {
        case 2:
          return '#ffd700';
        case 4:
          return '#ffa500';
        case 8:
          return '#ff6347';
        // Add more cases for other numbers
        default:
          return '#ccc';
      }
    }

// Start the game
    function startGame() {
      createNumbers();
      updateGrid();
      detectSwipe(document, handleSwipe);
    }

// Start the game when the page loads
    window.onload = startGame;
  </script>
</body>
</html>
```