Blushing Bubble: Hold The Arms With Kawaii Plush To Make Blush's game

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

No:34137

←

Prev Next

→

Blushing Bubble: Hold The Arms With Kawaii Plush T..ALL
Developer User13970｜Date and time 24/1/8 12:40:47
Build time 26.119 sec｜Game capacity 2.838KB｜

Script

❤️

💭

Score: 0

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>Blushing Bubble</title>
    <style>
        body {
            font-family: Arial, sans-serif;
        }

#game-container {
            text-align: center;
            margin-top: 200px;
        }

#plush {
            font-size: 40px;
            cursor: pointer;
        }

#bubble {
            display: none;
            font-size: 150px;
            animation: bubble 1s infinite;
        }

@keyframes bubble {
            0% {
                transform: translateY(0);
            }

50% {
                transform: translateY(-50px);
            }

100% {
                transform: translateY(0);
            }
        }

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

#message {
            margin-top: 20px;
            font-size: 30px;
            font-weight: bold;
        }
    </style>
</head>

<body>
    <div id="game-container">
        <div id="plush">❤️</div>
        <div id="bubble">💭</div>
        <div id="score">Score: <span id="score-value">0</span></div>
        <div id="message"></div>
    </div>

var currentScore = 0;
        var isGameRunning = true;

// event listener for plush click
        plush.addEventListener("click", function () {
            if (isGameRunning) {
                currentScore++;
                score.innerHTML = currentScore;

// make bubble visible and display score
                bubble.style.display = "block";
                bubble.innerHTML = "+" + currentScore;

// reset bubble after 1 second
                setTimeout(function () {
                    bubble.style.display = "none";
                }, 1000);
            }
        });

// event listener for touch and hold
        plush.addEventListener("touchstart", function () {
            if (isGameRunning) {
                plush.style.transform = "scale(1.1)";
            }
        });

plush.addEventListener("touchend", function () {
            if (isGameRunning) {
                plush.style.transform = "scale(1)";
            }
        });

// game over function
        function gameOver() {
            isGameRunning = false;
            message.innerHTML = "Game Over";
            message.style.color = "red";
        }

// game timer
        setTimeout(function () {
            gameOver();
        }, 60000); // game ends after 60 seconds

</script>
</body>

</html>