AI game creator

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

No:40368

←

Prev Next

→

Recrea happymod
Developer User18058｜Date and time 24/2/2 9:42:54
Build time 1.482 sec｜Game capacity 0.281KB｜

Script

The AI could not be gamified with this prompt. Please try again with different prompts. .
Displays games created by AI in the past at random.

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.

<p style='font-size:14px;background-color:#FF0'>The AI could not be gamified with this prompt. Please try again with different prompts. . <br>Displays games created by AI in the past at random.</p>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>
```