AI game creator

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

No:34976

152

←

Prev Next

→

Magyar játék
Developer User16254｜Date and time 24/1/12 21:50:05
Build time 11.749 sec｜Game capacity 2.934KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Magyar Játék</title>
</head>
<body>
    <script>
        // Initialize game
        var score = 0;
        var canvas, ctx;
        var pictograms = [
            "🍎", "🍌", "🍇", "🍓", "🍉", "🍊"
        ];

function startGame() {
            canvas = document.createElement("canvas");
            canvas.width = 400;
            canvas.height = 600;
            ctx = canvas.getContext("2d");
            document.body.appendChild(canvas);

// Add touch event listener
            canvas.addEventListener("touchstart", handleTouch);

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

function drawPictogram(x, y, pictogram) {
            ctx.font = "40px Arial";
            ctx.fillStyle = "black";
            ctx.textAlign = "center";
            ctx.fillText(pictogram, x, y);
        }

function Pictogram(x, y, pictogram) {
            this.x = x;
            this.y = y;
            this.pictogram = pictogram;

this.update = function () {
                drawPictogram(this.x, this.y, this.pictogram);
            }
        }

var pictogramsList = [];

function updateGameArea() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Update and draw all pictograms
            for (var i = 0; i < pictogramsList.length; i++) {
                pictogramsList[i].y += 1;
                pictogramsList[i].update();

// Check collision
                if (pictogramsList[i].y >= canvas.height) {
                    pictogramsList.splice(i, 1);
                    score -= 1;
                }
            }

// Update score
            ctx.font = "20px Arial";
            ctx.fillStyle = "black";
            ctx.fillText("Score: " + score, 20, 30);
        }

function handleTouch(event) {
            var touchX = event.touches[0].clientX;
            var touchY = event.touches[0].clientY;

// Check if pictogram is tapped
            for (var i = 0; i < pictogramsList.length; i++) {
                var pictogram = pictogramsList[i];
                if (touchX >= pictogram.x - 30 && touchX <= pictogram.x + 30 && touchY >= pictogram.y - 30 && touchY <= pictogram.y + 30) {
                    pictogramsList.splice(i, 1);
                    score += 1;
                    break;
                }
            }
        }

function addPictogram() {
            var x = Math.floor(Math.random() * (canvas.width - 60)) + 30; // Random x position
            var pictogram = pictograms[Math.floor(Math.random() * pictograms.length)]; // Random pictogram
            pictogramsList.push(new Pictogram(x, 0, pictogram));
        }

// Start game
        startGame();

// Add pictogram every second
        setInterval(addPictogram, 1000);
    </script>
</body>
</html>