Piano tiles with 8 bit tones music's game

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

No:48497

116

←

Prev Next

→

Piano tiles with 8 bit tones music
Developer User20712｜Date and time 24/3/2 10:02:58
Build time 5.689 sec｜Game capacity 1.187KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Piano Tiles Game</title>
</head>
<body>
  <div id="gameContainer">
    <div class="tile" id="tile1"></div>
    <div class="tile" id="tile2"></div>
    <div class="tile" id="tile3"></div>
    <div class="tile" id="tile4"></div>
  </div>

tiles.forEach(tile => {
      tile.addEventListener('click', () => {
        if (tile.classList.contains('active')) {
          score++;
          tile.style.backgroundColor = '#fff'; // Change color when clicked
          playSound(); // Play sound
        }
      });
    });

function playSound() {
      // Add your 8-bit tone music here
    }

function moveTiles() {
      const container = document.getElementById('gameContainer');
      const tiles = document.querySelectorAll('.tile');

tiles.forEach(tile => {
        tile.classList.remove('active');
      });

const randomTile = tiles[Math.floor(Math.random() * tiles.length)];
      randomTile.classList.add('active');

setTimeout(moveTiles, 1000); // Set the speed of tile movement
    }

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