Numbers 1-50 scrolling on the screen's game

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

No:13879

146

←

Prev Next

→

Numbers 1-50 scrolling on the screen
Developer User6030｜Date and time 23/8/30 6:09:14
Build time 16.477 sec｜Game capacity 2.074KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Number Scrolling Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="600"></canvas>

// Pictograms for numbers 1-50
        var pictograms = [
            "🌻", "🍎", "🚗", "🎈", "🐶", "🌈", "🍕", "📚", "🎁", "🐱",
            "🚢", "🏀", "🌸", "🍦", "🚲", "🍔", "🎮", "🌞", "⚓️", "🐼",
            "🍇", "🌺", "🚀", "⛵️", "🐭", "🍩", "🎸", "🌳", "🍭", "🐷",
            "🌼", "🍓", "🚁", "🐸", "🍉", "🏈", "🌎", "🍟", "📱", "🐣",
            "🌹", "🍌", "✈️", "🐝", "🍒", "🎲", "🌧", "🍰", "🖍️", "🐮",
        ];

// Generate random numbers 1-50
        var numbers = [];
        for (var i = 1; i <= 50; i++) {
            numbers.push(i);
        }

// Function to draw the game screen
        function drawGameScreen() {
            context.fillStyle = "black";
            context.fillRect(0, 0, canvas.width, canvas.height);
            context.fillStyle = "white";
            context.font = "40px Arial";

// Loop through the numbers array and draw the pictograms on the screen
            for (var i = 0; i < numbers.length; i++) {
                var x = (i % 10) * 40 + 20;
                var y = Math.floor(i / 10) * 60 + 60;
                context.fillText(pictograms[numbers[i] - 1], x, y);
            }
        }

// Start the game
        function startGame() {
            setInterval(function () {
                // Clear the canvas
                context.clearRect(0, 0, canvas.width, canvas.height);

// Scroll the numbers array to create the scrolling effect
                numbers.unshift(numbers.pop());

// Redraw the game screen
                drawGameScreen();
            }, 1000);
        }

// Start the game
        startGame();
    </script>
</body>
</html>