AI game creator

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
パズル's game | AI game creator

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

No:42830

←

Prev Next

→

パズル
Developer User3021｜Date and time 24/2/12 23:55:37
Build time 11.221 sec｜Game capacity 2.73KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>パズルゲーム</title>
  <style>
    body {
      margin: 0;
      padding: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      font-size: 4rem;
    }
    .puzzle {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-template-rows: repeat(4, 1fr);
      gap: 10px;
      width: 400px;
      height: 400px;
    }
    .tile {
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #eee;
      border-radius: 10px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <div class="puzzle"></div>

const initialPositions = [...Array(15).keys()]; // [0, 1, 2, ..., 14]
    const emptyPosition = 15;
    let currentPositions = shuffle([...initialPositions, emptyPosition]);

function createTile(position) {
      const tile = document.createElement('div');
      tile.className = 'tile';
      tile.textContent = position === emptyPosition ? '' : position + 1;
      tile.style.order = position;
      tile.addEventListener('click', () => moveTile(position));
      return tile;
    }

function moveTile(position) {
      const emptyRow = Math.floor(emptyPosition / 4);
      const emptyCol = emptyPosition % 4;
      const row = Math.floor(position / 4);
      const col = position % 4;
      const distance = Math.abs(emptyRow - row) + Math.abs(emptyCol - col);
      if (distance === 1) {
        const tile = puzzleContainer.children[position];
        tile.style.order = emptyPosition;
        emptyPosition = position;
        currentPositions[position] = emptyPosition;
        currentPositions[emptyPosition] = position;
        checkWin();
      }
    }

function resetGame() {
      currentPositions = shuffle([...initialPositions, emptyPosition]);
      for (let i = 0; i < currentPositions.length; i++) {
        puzzleContainer.replaceChild(createTile(currentPositions[i]), puzzleContainer.children[i]);
      }
    }

function shuffle(array) {
      for (let i = array.length - 1; i > 0; i--) {
        const j = Math.floor(Math.random() * (i + 1));
        [array[i], array[j]] = [array[j], array[i]];
      }
      return array;
    }

for (let i = 0; i < currentPositions.length; i++) {
      puzzleContainer.appendChild(createTile(currentPositions[i]));
    }
  </script>
</body>
</html>