AI game creator

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

No:16069

←

Prev Next

→

Roblox
Developer User7113｜Date and time 23/9/15 22:14:49
Build time 41.215 sec｜Game capacity 3.975KB｜

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>
    #puzzle-container {
      display: flex;
      flex-wrap: wrap;
      width: 320px;
      height: 320px;
    }
    .piece {
      width: 96px;
      height: 96px;
      border: 2px solid black;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 48px;
    }
  </style>
</head>
<body>
  <div id="puzzle-container">
    <div class="piece" onclick="movePiece(1)"></div>
    <div class="piece" onclick="movePiece(2)">⚽️</div>
    <div class="piece" onclick="movePiece(3)">🌈</div>
    <div class="piece" onclick="movePiece(4)">🐧</div>
    <div class="piece" onclick="movePiece(5)">🎈</div>
    <div class="piece" onclick="movePiece(6)">🐱</div>
    <div class="piece" onclick="movePiece(7)">🌺</div>
    <div class="piece" onclick="movePiece(8)">🍎</div>
    <div class="piece" onclick="movePiece(9)">🐶</div>
  </div>

// Function to swap two puzzle pieces
    function swapPieces(index1, index2) {
      var temp = puzzlePieces[index1];
      puzzlePieces[index1] = puzzlePieces[index2];
      puzzlePieces[index2] = temp;
    }

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

// Function to handle piece movement
    function movePiece(pieceIndex) {
      // Check if the clicked piece can be moved
      if (
        ((pieceIndex % 3 === emptyPieceIndex % 3) &&
          Math.abs(pieceIndex - emptyPieceIndex) === 3) ||
        (Math.floor(pieceIndex / 3) === Math.floor(emptyPieceIndex / 3) &&
          Math.abs(pieceIndex - emptyPieceIndex) === 1)
      ) {
        // Swap the clicked piece with the empty piece
        swapPieces(pieceIndex, emptyPieceIndex);

// Update the puzzle on the screen
        updatePuzzle();

// Check if the puzzle is solved
        if (isPuzzleSolved()) {
          alert("تهانينا! لقد حليت اللغز.");
        }
      }
    }

// Function to update the puzzle on the screen
    function updatePuzzle() {
      var puzzleContainer = document.getElementById("puzzle-container");

// Remove all existing puzzle pieces
      while (puzzleContainer.firstChild) {
        puzzleContainer.removeChild(puzzleContainer.firstChild);
      }

// Create and append the new puzzle pieces
      for (var i = 0; i < puzzlePieces.length; i++) {
        var piece = document.createElement("div");

// Set the appropriate text or pictogram for the piece
        switch (puzzlePieces[i]) {
          case 1:
            piece.textContent = "1️⃣";
            break;
          case 2:
            piece.textContent = "⚽️";
            break;
          case 3:
            piece.textContent = "🌈";
            break;
          case 4:
            piece.textContent = "🐧";
            break;
          case 5:
            piece.textContent = "🎈";
            break;
          case 6:
            piece.textContent = "🐱";
            break;
          case 7:
            piece.textContent = "🌺";
            break;
          case 8:
            piece.textContent = "🍎";
            break;
          case 9:
            piece.textContent = "🐶";
            break;
        }

// Add the necessary styles and event listener
        piece.className = "piece";
        piece.setAttribute("onclick", "movePiece(" + i + ")");

// Append the piece to the puzzle container
        puzzleContainer.appendChild(piece);
      }

// Update the empty piece index
      emptyPieceIndex = puzzlePieces.indexOf(9);
    }

// Start the game by updating the puzzle on the screen
    updatePuzzle();
  </script>
</body>
</html>