AI game creator

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

No:8069

4253

←

Prev Next

→

Picture merge
Developer User4131｜Date and time 23/7/12 21:00:47
Build time 47.902 sec｜Game capacity 7.802KB｜

Script

Sure! Here's a playable sample game using JavaScript to implement a picture merge game:

This game follows the concept of merging similar pictograms by swiping them in different directions (up, down, left, right). The goal is to merge the pictograms and reach the winning score of 2048. If there are no more moves available, the game ends.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a playable sample game using JavaScript to implement a picture merge game:

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Picture Merge Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
      margin-top: 100px;
    }

#game-board {
      display: inline-block;
      border: 1px solid #000;
      margin-bottom: 20px;
    }

.cell {
      display: inline-block;
      width: 50px;
      height: 50px;
      border: 1px solid #000;
      text-align: center;
      vertical-align: middle;
    }

button {
      padding: 10px 20px;
      font-size: 16px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <div id="game-board"></div>
  <button id="new-game-button">New Game</button>

// Game Initialization
    let board = [];
    let score = 0;
    let gameOver = false;

// Create initial game board
    function createBoard() {
      for (let i = 0; i < BOARD_SIZE; i++) {
        board.push([]);
        for (let j = 0; j < BOARD_SIZE; j++) {
          board[i][j] = '';
        }
      }
    }

// Render the game board on the screen
    function renderBoard() {
      const gameBoard = document.getElementById('game-board');
      gameBoard.innerHTML = '';

for (let i = 0; i < BOARD_SIZE; i++) {
        for (let j = 0; j < BOARD_SIZE; j++) {
          const cell = document.createElement('div');
          cell.className = 'cell';
          cell.innerText = board[i][j] || '';
          gameBoard.appendChild(cell);
        }
        gameBoard.appendChild(document.createElement('br'));
      }
    }

// Generate a random pictogram and insert it into a random empty cell
    function generateRandomCell() {
      const emptyCells = [];
      for (let i = 0; i < BOARD_SIZE; i++) {
        for (let j = 0; j < BOARD_SIZE; j++) {
          if (!board[i][j]) {
            emptyCells.push({ row: i, col: j });
          }
        }
      }

if (emptyCells.length === 0) return;

const randomCell = emptyCells[Math.floor(Math.random() * emptyCells.length)];
      board[randomCell.row][randomCell.col] = getRandomPictogram();
    }

// Get a random pictogram from the available list
    function getRandomPictogram() {
      return PICTOGRAMS[Math.floor(Math.random() * PICTOGRAMS.length)];
    }

// Game Over condition - no more available moves
    function isGameOver() {
      for (let i = 0; i < BOARD_SIZE; i++) {
        for (let j = 0; j < BOARD_SIZE; j++) {
          if (board[i][j] === '') {
            return false;
          }
          if (i !== BOARD_SIZE - 1 && board[i][j] === board[i + 1][j]) {
            return false;
          }
          if (j !== BOARD_SIZE - 1 && board[i][j] === board[i][j + 1]) {
            return false;
          }
        }
      }

return true;
    }

// Check if the player won the game
    function isGameWon() {
      for (let i = 0; i < BOARD_SIZE; i++) {
        for (let j = 0; j < BOARD_SIZE; j++) {
          if (board[i][j] === WINNING_SCORE) {
            return true;
          }
        }
      }

return false;
    }

// Handle key press events to move the pictograms
    document.addEventListener('keydown', function(event) {
      if (gameOver) return;

const key = event.key;

if (key === 'ArrowUp' || key === 'ArrowDown' || key === 'ArrowLeft' || key === 'ArrowRight') {
        event.preventDefault();
        movePictograms(key);
      }
    });

// Move the pictograms based on the arrow key pressed
    function movePictograms(direction) {
      let moved = false;

switch (direction) {
        case 'ArrowUp':
          for (let j = 0; j < BOARD_SIZE; j++) {
            for (let i = BOARD_SIZE - 1; i > 0; i--) {
              if (board[i][j] === '') continue;

for (let k = i - 1; k >= 0; k--) {
                if (board[k][j] === '') {
                  board[k][j] = board[i][j];
                  board[i][j] = '';
                  moved = true;
                } else if (board[k][j] === board[i][j]) {
                  board[k][j] += board[i][j];
                  board[i][j] = '';
                  score += board[k][j];
                  moved = true;
                } else {
                  break;
                }
              }
            }
          }
          break;

case 'ArrowDown':
          for (let j = 0; j < BOARD_SIZE; j++) {
            for (let i = 0; i < BOARD_SIZE - 1; i++) {
              if (board[i][j] === '') continue;

for (let k = i + 1; k < BOARD_SIZE; k++) {
                if (board[k][j] === '') {
                  board[k][j] = board[i][j];
                  board[i][j] = '';
                  moved = true;
                } else if (board[k][j] === board[i][j]) {
                  board[k][j] += board[i][j];
                  board[i][j] = '';
                  score += board[k][j];
                  moved = true;
                } else {
                  break;
                }
              }
            }
          }
          break;

case 'ArrowLeft':
          for (let i = 0; i < BOARD_SIZE; i++) {
            for (let j = BOARD_SIZE - 1; j > 0; j--) {
              if (board[i][j] === '') continue;

for (let k = j - 1; k >= 0; k--) {
                if (board[i][k] === '') {
                  board[i][k] = board[i][j];
                  board[i][j] = '';
                  moved = true;
                } else if (board[i][k] === board[i][j]) {
                  board[i][k] += board[i][j];
                  board[i][j] = '';
                  score += board[i][k];
                  moved = true;
                } else {
                  break;
                }
              }
            }
          }
          break;

case 'ArrowRight':
          for (let i = 0; i < BOARD_SIZE; i++) {
            for (let j = 0; j < BOARD_SIZE - 1; j++) {
              if (board[i][j] === '') continue;

for (let k = j + 1; k < BOARD_SIZE; k++) {
                if (board[i][k] === '') {
                  board[i][k] = board[i][j];
                  board[i][j] = '';
                  moved = true;
                } else if (board[i][k] === board[i][j]) {
                  board[i][k] += board[i][j];
                  board[i][j] = '';
                  score += board[i][k];
                  moved = true;
                } else {
                  break;
                }
              }
            }
          }
          break;
      }

if (moved) {
        generateRandomCell();
        renderBoard();
        
        if (isGameOver()) {
          gameOver = true;
          alert('Game Over! Your final score is: ' + score);
        } else if (isGameWon()) {
          gameOver = true;
          alert('Congratulations! You won the game!');
        }
      }
    }

// Start a new game
    function startNewGame() {
      board = [];
      score = 0;
      gameOver = false;
      createBoard();
      generateRandomCell();
      generateRandomCell();
      renderBoard();
    }

// Event listener for the "New Game" button click
    document.getElementById('new-game-button').addEventListener('click', function() {
      startNewGame();
    });

// Initialize the game
    startNewGame();
  </script>
</body>
</html>
```