Giant monster vs giant robot's game

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

No:50828

107

←

Prev Next

→

Giant monster vs giant robot
Developer User21417｜Date and time 24/3/9 22:04:15
Build time 5.91 sec｜Game capacity 2.123KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Giant Monster vs Giant Robot</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

// Game variables
        let canvas = document.getElementById('gameCanvas');
        let ctx = canvas.getContext('2d');
        let monsterX = 100;
        let monsterY = 200;
        let robotX = 600;
        let robotY = 200;
        let monsterSize = 100;
        let robotSize = 100;

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

// Draw the monster
            ctx.fillStyle = 'green';
            ctx.fillRect(monsterX, monsterY, monsterSize, monsterSize);

// Draw the robot
            ctx.fillStyle = 'blue';
            ctx.fillRect(robotX, robotY, robotSize, robotSize);

// Check for collision
            if (monsterX < robotX + robotSize &&
                monsterX + monsterSize > robotX &&
                monsterY < robotY + robotSize &&
                monsterY + monsterSize > robotY) {
                alert('Game Over! The monster defeated the robot.');
                resetGame();
            }

// Move the monster randomly
            monsterX += Math.floor(Math.random() * 5) - 2;
            monsterY += Math.floor(Math.random() * 5) - 2;

// Move the robot towards the monster
            if (robotX < monsterX) {
                robotX++;
            } else {
                robotX--;
            }

if (robotY < monsterY) {
                robotY++;
            } else {
                robotY--;
            }

// Request another animation frame
            requestAnimationFrame(gameLoop);
        }

// Reset the game
        function resetGame() {
            monsterX = 100;
            monsterY = 200;
            robotX = 600;
            robotY = 200;
        }

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