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:43543

←

Prev Next

→

A game where dots are falling from the sky and if ..ALL
Developer User19162｜Date and time 24/2/16 2:32:28
Build time 15.335 sec｜Game capacity 4.864KB｜

Script

Sure, here's an example of a simple game implemented as a single HTML file, using JavaScript. This game involves tapping falling snowflakes before they reach the bottom of the screen. The objective is to tap 100 snowflakes before 5 of them touch the bottom. The game uses pictograms to represent the falling snowflakes. You can copy the code below and save it with an ".html" extension to run it in a web browser:

To play the game, simply open the saved HTML file in a web browser on a smartphone or any device with a web browser. Tap on the falling snowflakes to prevent them from reaching the bottom of the screen. If 5 snowflakes touch the bottom, it's game over. If you manage to tap 100 snowflakes before that happens, you win!

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Snowflake Game</title>
    <style>
        canvas {
            border: 1px solid black;
            display: block;
            margin: 50px auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="600"></canvas>

// Initialize game
        function init() {
            canvas = document.getElementById("gameCanvas");
            ctx = canvas.getContext("2d");

// Register click event
            canvas.addEventListener("click", onClick, false);

// Create snowflakes
            createSnowflakes();

// Start game loop
            setInterval(gameLoop, 20);
        }

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

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

// Check collision with bottom of the screen
                if (snowflake.y + snowflake.size >= canvas.height) {
                    if (!snowflake.touched) {
                        snowflake.touched = true;
                        score++;
                        if (score >= 5) {
                            gameOver = true;
                        }
                    }
                }
            }

// Game over condition
            if (gameOver) {
                ctx.font = "30px Arial";
                ctx.fillText("Game Over!", canvas.width / 2 - 80, canvas.height / 2);
            }

// Check win condition
            if (score >= 100) {
                ctx.font = "30px Arial";
                ctx.fillText("You Win!", canvas.width / 2 - 70, canvas.height / 2);
            }
        }

// Create snowflakes
        function createSnowflakes() {
            for (var i = 0; i < 10; i++) {
                var size = Math.floor(Math.random() * 10) + 10;
                var x = Math.floor(Math.random() * (canvas.width - size));
                var y = -size;
                snowflakes.push(new Snowflake(x, y, size));
            }
        }

// Snowflake class
        function Snowflake(x, y, size) {
            this.x = x;
            this.y = y;
            this.size = size;
            this.touched = false;

this.update = function() {
                this.y += 2; // Falling speed
            };

this.render = function() {
                ctx.fillStyle = "white";
                ctx.beginPath();
                ctx.arc(this.x + this.size / 2, this.y + this.size / 2, this.size / 2, 0, Math.PI * 2);
                ctx.closePath();
                ctx.fill();
            };
        }

// Click event handler
        function onClick(e) {
            if (!gameOver) {
                var rect = canvas.getBoundingClientRect();
                var clickX = e.clientX - rect.left;
                var clickY = e.clientY - rect.top;

// Check collision with snowflakes
                for (var i = 0; i < snowflakes.length; i++) {
                    var snowflake = snowflakes[i];
                    if (!snowflake.touched) {
                        if (clickX >= snowflake.x && clickX <= snowflake.x + snowflake.size &&
                            clickY >= snowflake.y && clickY <= snowflake.y + snowflake.size) {
                            snowflake.touched = true;
                            score++;
                            if (score >= 100) {
                                gameOver = true;
                                break; // No need to check any further
                            }
                        }
                    }
                }
            }
        }

// Start game
        init();
    </script>
</body>
</html>
```