Teddy bear dancing ball in the middle and that’s so cute's game

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

No:14561

←

Prev Next

→

Teddy bear dancing ball in the middle and that’s s..ALL
Developer User6282｜Date and time 23/9/3 3:36:48
Build time 17.107 sec｜Game capacity 1.95KB｜

Script

Sure, here's a simple game that meets your requirements:

In this game, you'll see a red ball in the center of the screen. When you tap/click on the ball, your score will increase and a cute teddy bear image will appear momentarily. The score is displayed in the browser's title bar. You can replace the `emozi_all/game.png` image path with your own pictogram if you have one. Save the code above in a file with a `.html` extension and open it in a web browser (preferably on a smartphone) to play the game.

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

Sure, here's a simple game that meets your requirements:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Teddy Dance Ball Game</title>
    <style>
        #game-container {
            text-align: center;
            height: 100vh;
        }
        
        #ball {
            width: 50px;
            height: 50px;
            background-color: red;
            border-radius: 50%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            cursor: pointer;
        }
        
        #teddy-bear {
            width: 100px;
            height: 100px;
            position: absolute;
            top: calc(50% - 50px);
            left: calc(50% - 50px);
            display: none;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="ball"></div>
        <img id="teddy-bear" src="teddy-bear.png" alt="Teddy Bear">
    </div>

ball.addEventListener('click', function() {
            score++;
            updateScore();
            toggleTeddyBear();
        });

function updateScore() {
            document.title = 'Score: ' + score;
        }

function toggleTeddyBear() {
            teddyBear.style.display = teddyBear.style.display === 'none' ? 'block' : 'none';
        }
    </script>
</body>
</html>
```

Save the code above in a file with a `.html` extension and open it in a web browser (preferably on a smartphone) to play the game.