AI game creator

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

No:15173

189

←

Prev Next

→

Meteor power
Developer User6503｜Date and time 23/9/6 23:13:52
Build time 45.977 sec｜Game capacity 2.738KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Meteor Power Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="480" height="320"></canvas>

// Load pictograms
        var meteor = new Image();
        meteor.src = "meteor.png";

// Set initial meteor position
        var meteorX = 50;
        var meteorY = canvas.height / 2;

// Initialize game variables
        var score = 0;
        var isGameOver = false;

// Handle touch events
        canvas.addEventListener("touchstart", handleTouch);

// Game loop
        function gameLoop() {
            if (!isGameOver) {
                update();
                draw();
                requestAnimationFrame(gameLoop);
            }
        }

// Update game state
        function update() {
            // Move the meteor
            meteorX += 2;

// Check for collision with the edge of the canvas
            if (meteorX > canvas.width) {
                meteorX = -meteor.width;
                meteorY = Math.random() * (canvas.height - meteor.height);
            }

// Check for collision with the player
            if (meteorX < 50 && meteorX + meteor.width > 50 && meteorY < 160 && meteorY + meteor.height > 160) {
                gameOver();
            }

// Increment score
            score++;
        }

// Draw game objects
        function draw() {
            // Clear the canvas
            context.clearRect(0, 0, canvas.width, canvas.height);

// Draw the meteor
            context.drawImage(meteor, meteorX, meteorY);

// Draw the score
            context.fillStyle = "#000";
            context.font = "20px Arial";
            context.fillText("Score: " + score, 10, 30);

// Game over message
            if (isGameOver) {
                context.fillStyle = "#f00";
                context.font = "40px Arial";
                context.fillText("Game Over", canvas.width / 2 - 100, canvas.height / 2);
            }
        }

// Handle touch events
        function handleTouch(event) {
            if (isGameOver) {
                reset();
            }
        }

// Game over
        function gameOver() {
            isGameOver = true;
        }

// Reset game
        function reset() {
            isGameOver = false;
            score = 0;
            meteorX = 50;
            meteorY = canvas.height / 2;
        }

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