AI game creator

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

No:39765

118

←

Prev Next

→

Pixel rain
Developer User17462｜Date and time 24/1/30 2:30:15
Build time 10.822 sec｜Game capacity 2.031KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>

<head>
    <style>
        body {
            margin: 0;
            padding: 0;
            overflow: hidden;
        }
    </style>
</head>

<body>
    <script>
        // Creating the canvas
        var canvas = document.createElement("canvas");
        var context = canvas.getContext("2d");
        document.body.appendChild(canvas);
        var width = window.innerWidth;
        var height = window.innerHeight;
        canvas.width = width;
        canvas.height = height;

// Pictograms for pixel rain
        var pictograms = ["🌧️", "⚡", "❄️", "🔥", "☀️", "🌈"];

// Array to store the falling pixels
        var pixels = [];

// Function to create a new pixel
        function createPixel() {
            return {
                x: Math.random() * width, // Random x position
                y: 0, // Start from top of the canvas
                speed: Math.random() * 5 + 1, // Random speed between 1 and 6
                pictogram: pictograms[Math.floor(Math.random() * pictograms.length)] // Choose a random pictogram
            };
        }

// Function to update the pixel positions
        function update() {
            context.clearRect(0, 0, width, height);
            for (var i = 0; i < pixels.length; i++) {
                var pixel = pixels[i];
                pixel.y += pixel.speed; // Update the y position
                context.fillText(pixel.pictogram, pixel.x, pixel.y); // Draw the pictogram at the current position

// If pixel goes off the screen, remove it from the array
                if (pixel.y > height) {
                    pixels.splice(i, 1);
                    i--;
                }
            }

// Create new pixels at a random interval
            if (Math.random() < 0.1) {
                pixels.push(createPixel());
            }
        }

// Set up the game loop
        var fps = 60;
        setInterval(update, 1000 / fps);
    </script>
</body>

</html>