AI game creator

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

No:19629

←

Prev Next

→

Puzlle to 500 level
Developer User8708｜Date and time 23/10/5 3:53:33
Build time 32.318 sec｜Game capacity 4.432KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
  <script>
    // Puzzle Game

// Array of puzzle levels
    var puzzles = [
      [1, 2, 3, 4],
      [5, 6, 7, 8],
      [9, 10, 11, 12],
      [13, 14, 15, ""]
    ];

// Function to check if the puzzle is solved
    function isSolved(puzzle) {
      var counter = 1;
      for (var i = 0; i < puzzle.length; i++) {
        for (var j = 0; j < puzzle[i].length; j++) {
          if (puzzle[i][j] !== counter && counter !== 16) {
            return false;
          }
          counter++;
        }
      }
      return true;
    }

// Function to swap the empty cell with the selected cell
    function swapCells(puzzle, row, col, emptyRow, emptyCol) {
      var temp = puzzle[row][col];
      puzzle[row][col] = puzzle[emptyRow][emptyCol];
      puzzle[emptyRow][emptyCol] = temp;
    }

// Function to shuffle the puzzle
    function shuffle(puzzle) {
      var emptyRow = puzzle.length - 1;
      var emptyCol = puzzle[emptyRow].length - 1;

for (var i = 0; i < 1000; i++) {
        var directions = [];

// Check if the empty cell can move up
        if (emptyRow > 0) {
          directions.push("up");
        }

// Check if the empty cell can move down
        if (emptyRow < puzzle.length - 1) {
          directions.push("down");
        }

// Check if the empty cell can move left
        if (emptyCol > 0) {
          directions.push("left");
        }

// Check if the empty cell can move right
        if (emptyCol < puzzle[emptyRow].length - 1) {
          directions.push("right");
        }

// Select a random direction
        var randomDirection = directions[Math.floor(Math.random() * directions.length)];

// Move the empty cell in the selected direction
        if (randomDirection === "up") {
          swapCells(puzzle, emptyRow - 1, emptyCol, emptyRow, emptyCol);
          emptyRow--;
        } else if (randomDirection === "down") {
          swapCells(puzzle, emptyRow + 1, emptyCol, emptyRow, emptyCol);
          emptyRow++;
        } else if (randomDirection === "left") {
          swapCells(puzzle, emptyRow, emptyCol - 1, emptyRow, emptyCol);
          emptyCol--;
        } else if (randomDirection === "right") {
          swapCells(puzzle, emptyRow, emptyCol + 1, emptyRow, emptyCol);
          emptyCol++;
        }
      }
    }

// Function to render the puzzle on the page
    function renderPuzzle(puzzle) {
      var container = document.getElementById("puzzle-container");
      container.innerHTML = "";

for (var i = 0; i < puzzle.length; i++) {
        for (var j = 0; j < puzzle[i].length; j++) {
          var cell = document.createElement("div");
          cell.className = "cell";
          cell.innerText = puzzle[i][j];
          container.appendChild(cell);
        }
      }

var cells = document.getElementsByClassName("cell");
      for (var k = 0; k < cells.length; k++) {
        cells[k].addEventListener("click", cellClick);
      }
    }

// Function to handle the cell click event
    function cellClick(event) {
      var cell = event.target;
      var row = Math.floor(cell.dataset.row);
      var col = Math.floor(cell.dataset.col);
      var emptyRow = puzzle.length - 1;
      var emptyCol = puzzle[emptyRow].length - 1;

// If the clicked cell is adjacent to the empty cell, swap them
      if ((Math.abs(row - emptyRow) === 1 && col === emptyCol) ||
          (row === emptyRow && Math.abs(col - emptyCol) === 1)) {
        swapCells(puzzle, row, col, emptyRow, emptyCol);
        renderPuzzle(puzzle);

// If the puzzle is solved, show a message and reshuffle the puzzle
        if (isSolved(puzzle)) {
          alert("Congratulations! Puzzle solved!");
          shuffle(puzzle);
          renderPuzzle(puzzle);
        }
      }
    }

// Create the initial empty puzzle
    var puzzle = [
      [1, 2, 3, 4],
      [5, 6, 7, 8],
      [9, 10, 11, 12],
      [13, 14, 15, ""]
    ];

// Shuffle the initial puzzle
    shuffle(puzzle);

// Render the initial puzzle
    renderPuzzle(puzzle);
  </script>
  <style>
    .cell {
      display: inline-block;
      width: 80px;
      height: 80px;
      text-align: center;
      vertical-align: middle;
      border: 1px solid black;
      font-size: 24px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <div id="puzzle-container"></div>
</body>
</html>