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

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

No:43545

←

Prev Next

→

A game where red dots are falling from the sky and..ALL
Developer User19162｜Date and time 24/2/16 2:33:55
Build time 15.968 sec｜Game capacity 5.237KB｜

Script

Sure! Here's a simple implementation of the game you described using HTML and JavaScript:

This code creates a simple game where red dots fall from the sky, and the player needs to tap on them to score points. If five snowflakes touch the bottom of the screen, it's game over, and if the player taps 100 red dots, they win. The game can be played on a smartphone browser, and it uses pictograms in the form of colored circles.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

Sure! Here's a simple implementation of the game you described using HTML and JavaScript:

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

// Game variables
            var score = 0;
            var gameOver = false;

// Snowflake object
            function Snowflake(x, y) {
                this.x = x;
                this.y = y;
                this.size = 20;
                this.speed = 2;

this.draw = function() {
                    ctx.fillStyle = 'white';
                    ctx.fillRect(this.x - this.size / 2, this.y - this.size / 2, this.size, this.size);
                }

this.update = function() {
                    this.y += this.speed;

// Check collision with the bottom of the screen
                    if (this.y + this.size / 2 > canvas.height) {
                        gameOver = true; // Game over condition
                    }
                }
            }

// Red dot object
            function RedDot(x, y) {
                this.x = x;
                this.y = y;
                this.size = 10;

this.draw = function() {
                    ctx.fillStyle = 'red';
                    ctx.beginPath();
                    ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);
                    ctx.closePath();
                    ctx.fill();
                }
            }

var redDots = [];
            var snowflakes = [];

// Event listener for tap or click
            canvas.addEventListener('click', function(event) {
                if (!gameOver) {
                    var tapX = event.clientX - canvas.getBoundingClientRect().left;
                    var tapY = event.clientY - canvas.getBoundingClientRect().top;

// Check if tapped on red dot
                    for (var i = 0; i < redDots.length; i++) {
                        var dot = redDots[i];
                        if (tapX > dot.x - dot.size && tapX < dot.x + dot.size && tapY > dot.y - dot.size && tapY < dot.y + dot.size) {
                            redDots.splice(i, 1); // Remove tapped red dot
                            score++; // Increment score
                            break;
                        }
                    }
                }

if (score >= 100) {
                    gameOver = true; // Win condition
                }
            });

// Game loop
            function gameLoop() {
                if (!gameOver) {
                    ctx.clearRect(0, 0, canvas.width, canvas.height);

// Spawn red dots randomly
                    if (Math.random() < 0.02) {
                        var x = Math.random() * canvas.width;
                        var y = -10;
                        redDots.push(new RedDot(x, y));
                    }

// Spawn snowflakes randomly
                    if (Math.random() < 0.01) {
                        var x = Math.random() * canvas.width;
                        var y = -10;
                        snowflakes.push(new Snowflake(x, y));
                    }

// Update and draw red dots
                    for (var i = 0; i < redDots.length; i++) {
                        var dot = redDots[i];
                        dot.y += 3; // Red dots fall down
                        dot.draw();
                    }

// Update and draw snowflakes
                    for (var i = 0; i < snowflakes.length; i++) {
                        var flake = snowflakes[i];
                        flake.update(); // Update snowflake position
                        flake.draw();
                    }

// Display score
                    ctx.fillStyle = 'black';
                    ctx.font = '16px Arial';
                    ctx.fillText('Score: ' + score, 10, 20);

requestAnimationFrame(gameLoop); // Repeat game loop
                } else {
                    // Game over or win message
                    ctx.clearRect(0, 0, canvas.width, canvas.height);
                    ctx.fillStyle = 'black';
                    ctx.font = '24px Arial';
                    ctx.fillText(gameOver ? 'GAME OVER' : 'YOU WIN', canvas.width / 2 - 60, canvas.height / 2);
                }
            }

gameLoop(); // Start the game loop
        }
    </script>
</body>
</html>
```