AI game creator

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

No:52818

271

←

Prev Next

→

A match three game
Developer User21533｜Date and time 24/3/25 11:11:00
Build time 7.121 sec｜Game capacity 1.91KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Match Three Game</title>
  <style>
    #game-container {
      display: flex;
      flex-wrap: wrap;
      width: 300px;
      height: 300px;
      border: 2px solid black;
    }

.tile {
      width: 33.33%;
      height: 33.33%;
      background-color: lightblue;
      border: 1px solid white;
      text-align: center;
      line-height: 90px;
      font-size: 24px;
    }
  </style>
</head>
<body>
  <div id="game-container"></div>

function swapTiles(row1, col1, row2, col2) {
      const temp = grid[row1][col1];
      grid[row1][col1] = grid[row2][col2];
      grid[row2][col2] = temp;

renderGrid();
    }

function renderGrid() {
      const gameContainer = document.getElementById('game-container');
      gameContainer.innerHTML = '';

for (let i = 0; i < rows; i++) {
        for (let j = 0; j < cols; j++) {
          const tile = document.createElement('div');
          tile.className = 'tile';
          tile.innerText = grid[i][j];
          gameContainer.appendChild(tile);
        }
      }
    }

initGame();
  </script>
</body>
</html>
```