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

No:44796

a puzzle game with 500 pieces, with a motif of th..ALL
Developer User19469｜Date and time 24/2/19 5:51:29
Build time 5.242 sec｜Game capacity 1.197KB｜

Script

.puzzle-piece { width: 10%; height: border: 1px solid black; box-sizing: border-box; }

Echoing Tower Puzzle Game

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

.puzzle-piece {
    width: 10%;
    height:
    border: 1px solid black;
    box-sizing: border-box;
  }
</style>
</head>
<body>
<h1>Echoing Tower Puzzle Game</h1>
<div id="puzzle-container"></div>

const puzzlePieces = [];
  const gridSize = 20;
  const totalPieces = 500;

for (let i = 0; i < totalPieces; i++) {
    const puzzlePiece = document.createElement("div");
    puzzlePiece.classList.add("puzzle-piece");
    puzzlePiece.innerText = i + 1;
    puzzlePiece.style.backgroundColor = "#" + Math.floor(Math.random()*16777215).toString(16); // Random color for each piece
    puzzlePieces.push(puzzlePiece);
  }

puzzlePieces.forEach(piece => {
    puzzleContainer.appendChild(piece);
  });

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

puzzlePieces.forEach(piece => {
      puzzleContainer.appendChild(piece);
    });
  }

shufflePieces();
</script>
</body>
</html>