Make a game where you run away from a robot's game

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

No:50525

145

←

Prev Next

→

Make a game where you run away from a robot
Developer User15365｜Date and time 24/3/8 20:36:11
Build time 9.123 sec｜Game capacity 2.213KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>

<head>
    <title>Robot Chase Game</title>
</head>

let player = {
            x: 200,
            y: 200,
            size: 20,
            color: "blue",
            speed: 5
        };

let robot = {
            x: Math.random() * 400,
            y: Math.random() * 400,
            size: 30,
            color: "red",
            speed: 2
        };

function drawPlayer() {
            ctx.fillStyle = player.color;
            ctx.fillRect(player.x - player.size / 2, player.y - player.size / 2, player.size, player.size);
        }

function drawRobot() {
            ctx.fillStyle = robot.color;
            ctx.fillRect(robot.x - robot.size / 2, robot.y - robot.size / 2, robot.size, robot.size);
        }

function update() {
            if (player.x < robot.x) {
                robot.x -= robot.speed;
            } else {
                robot.x += robot.speed;
            }

if (player.y < robot.y) {
                robot.y -= robot.speed;
            } else {
                robot.y += robot.speed;
            }

if (Math.abs(player.x - robot.x) < 10 && Math.abs(player.y - robot.y) < 10) {
                alert("Game Over! You were caught by the robot.");
                clearInterval(gameLoop);
            }

drawPlayer();
            drawRobot();
        }

window.addEventListener("keydown", function (event) {
            switch (event.key) {
                case "ArrowUp":
                    player.y -= player.speed;
                    break;
                case "ArrowDown":
                    player.y += player.speed;
                    break;
                case "ArrowLeft":
                    player.x -= player.speed;
                    break;
                case "ArrowRight":
                    player.x += player.speed;
                    break;
            }
        });

const gameLoop = setInterval(update, 1000 / 60);
    </script>
</body>

</html>