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

No:48553

Donald duck puzzle game
Developer Kason Lucas｜Date and time 24/3/2 12:53:40
Build time 13.441 sec｜Game capacity 2.411KB｜

Script

Donald Duck Puzzle Game

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

<!DOCTYPE html>
<html>
<head>
<title>Donald Duck Puzzle Game</title>
<style>
.container {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-gap: 10px;
  padding: 10px;
}

.container img {
  width: 100px;
  height: 100px;
}

button {
  padding: 10px 20px;
  font-size: 16px;
}
</style>
</head>
<body>

<h1>Donald Duck Puzzle Game</h1>

<button onclick="shuffleTiles()">Shuffle</button>

function moveTile(tileId) {
  if (isAdjacent(tileId)) {
    let tile = document.getElementById(tileId);
    let blank = document.getElementById(blankTile);
    
    blank.src = tile.src;
    tile.src = 'blank.png';
    
    blankTile = tileId;
  }
}

function isAdjacent(tileId) {
  if (tileId === 1 && blankTile === 2) return true;
  if (tileId === 2 && (blankTile === 1 || blankTile === 3)) return true;
  if (tileId === 3 && blankTile === 2) return true;
  if (tileId === 4 && (blankTile === 1 || blankTile === 5)) return true;
  if (tileId === 5 && (blankTile === 2 || blankTile === 4 || blankTile === 6)) return true;
  if (tileId === 6 && (blankTile === 3 || blankTile === 5)) return true;
  if (tileId === 7 && blankTile === 6) return true;
  if (tileId === 8 && blankTile === 7) return true;
  
  return false;
}

function shuffleTiles() {
  for (let i = 0; i < 1000; i++) {
    let validMoves = [];
    if (isAdjacent(1)) validMoves.push(1);
    if (isAdjacent(2)) validMoves.push(2);
    if (isAdjacent(3)) validMoves.push(3);
    if (isAdjacent(4)) validMoves.push(4);
    if (isAdjacent(5)) validMoves.push(5);
    if (isAdjacent(6)) validMoves.push(6);
    if (isAdjacent(7)) validMoves.push(7);
    if (isAdjacent(8)) validMoves.push(8);
    
    let randomIndex = Math.floor(Math.random() * validMoves.length);
    moveTile(validMoves[randomIndex]);
  }
}
</script>

</body>
</html>