A game where dots are falling from the sky and if 5 Snowflakes touch the bottom of the screen, it is game over. If you tap 100 dots you win.'s game

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

No:43544

←

Prev Next

→

A game where dots are falling from the sky and if ..ALL
Developer User19162｜Date and time 24/2/16 2:33:12
Build time 9.869 sec｜Game capacity 3.649KB｜

Script

Sure! Here's an example of a game where you need to tap falling dots on a smartphone screen to win. The game is written in a single HTML file with JavaScript enclosed in script tags:

To play the game, simply open the HTML file in a smartphone browser and start tapping the falling dots. The objective is to tap 100 dots before 5 of them reach the bottom of the screen. If you achieve this, the game will display a winning message. If you miss 5 dots, the game will end and display a game over message.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

Sure! Here's an example of a game where you need to tap falling dots on a smartphone screen to win. The game is written in a single HTML file with JavaScript enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Tap the Dots!</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="600"></canvas>

// Create an array to store the falling dots
        var dots = [];

// Dot constructor function
        function Dot(x, y, radius, speed) {
            this.x = x;
            this.y = y;
            this.radius = radius;
            this.speed = speed;
        }

// Generate a random dot
        function generateDot() {
            var x = Math.random() * canvas.width;
            var y = 0;
            var radius = Math.random() * 20 + 10; // Random radius between 10 and 30
            var speed = Math.random() * 5 + 1; // Random speed between 1 and 6
            var dot = new Dot(x, y, radius, speed);
            dots.push(dot);
        }

// Event listener for tapping the dots
        canvas.addEventListener("click", function(event) {
            var rect = canvas.getBoundingClientRect();
            var clickX = event.clientX - rect.left;
            var clickY = event.clientY - rect.top;

dots.forEach(function(dot, index) {
                if (Math.sqrt(Math.pow(clickX - dot.x, 2) + Math.pow(clickY - dot.y, 2)) <= dot.radius) {
                    dots.splice(index, 1);
                    dotCount++;
                }
            });
        });

// Game loop function
        function gameLoop() {
            // Clear the canvas
            context.clearRect(0, 0, canvas.width, canvas.height);

// Check if the game is won or lost
            if (dotCount >= MAX_DOTS) {
                alert("Congratulations! You tapped 100 dots. You win!");
                return;
            } else if (missedCount >= MAX_MISSED) {
                alert("Game Over! You missed 5 dots. Try again!");
                return;
            }

// Generate new dots
            if (dots.length < MAX_DOTS)
                generateDot();

dots.forEach(function(dot, index) {
                // Move the dot downwards
                dot.y += dot.speed;

// Check if the dot reached the bottom
                if (dot.y + dot.radius > canvas.height) {
                    dots.splice(index, 1);
                    missedCount++;
                }

// Draw the dot on the canvas
                context.beginPath();
                context.arc(dot.x, dot.y, dot.radius, 0, 2 * Math.PI);
                context.fillStyle = "#0000FF";
                context.fill();
                context.closePath();
            });

// Request animation frame
            requestAnimationFrame(gameLoop);
        }

// Initialize the game
        canvas = document.getElementById("gameCanvas");
        context = canvas.getContext("2d");
        gameLoop();
    </script>
</body>
</html>
```