Piano tiles with 8 bit tones's game

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

No:48496

110

←

Prev Next

→

Piano tiles with 8 bit tones
Developer User20712｜Date and time 24/3/2 10:01:51
Build time 6.224 sec｜Game capacity 2.216KB｜

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>
    <style>
        .tile {
            width: 50px;
            height: 50px;
            background-color: black;
            margin: 2px;
            display: inline-block;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div id="gameBoard"></div>

function createGameBoard() {
            const board = document.getElementById("gameBoard");
            for (let i = 0; i < boardSize; i++) {
                const tile = document.createElement("div");
                tile.className = "tile";
                tile.setAttribute("data-id", i);
                tile.addEventListener("click", onTileClick);
                board.appendChild(tile);
                tiles.push(tile);
            }
        }

function moveTilesDown() {
            for (let i = tiles.length - 1; i > 0; i--) {
                const currentTile = tiles[i];
                const aboveTile = tiles[i - 1];
                currentTile.setAttribute("data-id", aboveTile.getAttribute("data-id"));
            }
            const randomTile = Math.floor(Math.random() * boardSize);
            tiles[0].setAttribute("data-id", randomTile);
        }

function gameOver() {
            alert("Game Over! Your final score is: " + score);
            resetGame();
        }

function resetGame() {
            score = 0;
            tiles.forEach(tile => {
                tile.parentNode.removeChild(tile);
            });
            tiles.length = 0;
            createGameBoard();
        }

function playSound() {
            const audio = new Audio("tone.mp3");
            audio.play();
        }

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