Un juego que tienes que tocar al ritmo de cualquier canción.'s game

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

No:40329

←

Prev Next

→

Un juego que tienes que tocar al ritmo de cualquie..ALL
Developer User18058｜Date and time 24/2/2 8:44:17
Build time 11.291 sec｜Game capacity 3.042KB｜

Script

Puntuación: 0

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Juego de Tocar al Ritmo</title>
    <style>
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            font-family: Arial, sans-serif;
        }

#game-container {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

#start-button {
            background-color: #4CAF50;
            color: white;
            padding: 10px 20px;
            font-size: 16px;
            border: none;
            cursor: pointer;
        }

#score {
            margin-top: 20px;
            font-size: 24px;
        }

.pictogram {
            width: 100px;
            height: 100px;
            border-radius: 50%;
            background-color: #e91e63;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: 20px;
            font-size: 48px;
            color: white;
            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
            transition: background-color 0.3s, transform 0.3s;
            cursor: pointer;
        }

.pictogram:hover {
            background-color: #c2185b;
            transform: scale(1.1);
        }

.centered-text {
            text-align: center;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <p id="score" class="centered-text">Puntuación: 0</p>
        <button id="start-button" class="centered-text">Comenzar</button>
    </div>

const gameContainer = document.getElementById("game-container");
        const scoreElement = document.getElementById("score");
        const startButton = document.getElementById("start-button");

startButton.addEventListener("click", startGame);

function startGame() {
            gameStarted = true;
            startButton.disabled = true;
            gameContainer.removeChild(startButton);
            spawnPictogram();
            timer = setInterval(spawnPictogram, 1000);
        }

function spawnPictogram() {
            const pictogram = document.createElement("div");
            pictogram.className = "pictogram";
            pictogram.innerText = getRandomPictogram();

pictogram.addEventListener("click", handlePictogramClick);

gameContainer.appendChild(pictogram);
        }

function getRandomPictogram() {
            const randomIndex = Math.floor(Math.random() * pictograms.length);
            return pictograms[randomIndex];
        }

function handlePictogramClick() {
            if (!gameStarted) return;

score++;
            scoreElement.innerText = "Puntuación: " + score;

this.remove();
        }
    </script>
</body>
</html>