AI game creator

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

No:52817

461

←

Prev Next

→

A match 3 game
Developer User21533｜Date and time 24/3/25 11:10:01
Build time 8.478 sec｜Game capacity 1.593KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Match 3 Game</title>
</head>
<body>
  <div id="gameBoard"></div>
  
  <script>
    const numRows = 5;
    const numCols = 5;
    const numTypes = 3;
    let gameBoard = [];
    
    function initializeGameBoard() {
      gameBoard = [];
      for (let i = 0; i < numRows; i++) {
        gameBoard[i] = [];
        for (let j = 0; j < numCols; j++) {
          gameBoard[i][j] = Math.floor(Math.random() * numTypes);
        }
      }
    }
    
    function renderGameBoard() {
      const gameBoardElement = document.getElementById('gameBoard');
      gameBoardElement.innerHTML = '';
      
      for (let i = 0; i < numRows; i++) {
        for (let j = 0; j < numCols; j++) {
          const cell = document.createElement('div');
          cell.style.width = '50px';
          cell.style.height = '50px';
          cell.style.backgroundColor = getColor(gameBoard[i][j]);
          cell.style.border = '1px solid black';
          cell.style.display = 'inline-block';
          cell.onclick = () => handleCellClick(i, j);
          gameBoardElement.appendChild(cell);
        }
        gameBoardElement.appendChild(document.createElement('br'));
      }
    }
    
    function getColor(type) {
      switch (type) {
        case 0:
          return 'red';
        case 1:
          return 'blue';
        case 2:
          return 'green';
      }
    }
    
    function handleCellClick(row, col) {
      // Implement game logic for matching 3 or more cells here
    }
    
    initializeGameBoard();
    renderGameBoard();
  </script>
</body>
</html>