you are a rat running from a cat for pc pixelised realistic a little hard.'s game

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

No:30436

←

Prev Next

→

you are a rat running from a cat for pc pixelised ..ALL
Developer User14781｜Date and time 23/12/21 19:38:46
Build time 22.337 sec｜Game capacity 3.35KB｜

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>Rat Escape Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

// Initialize the game
        function gameInit() {
            canvas = document.getElementById("gameCanvas");
            canvasContext = canvas.getContext("2d");
            ratX = 50;
            ratY = 50;
            catX = canvas.width - 50;
            catY = canvas.height - 50;
            catSpeedX = -3;
            catSpeedY = -2;
            gameOver = false;
            gameStarted = false;
            canvas.addEventListener("mousemove", mouseMoveHandler);
        }

// Update game objects and check for collisions
        function gameUpdate() {
            if (!gameOver) {
                ratX += catSpeedX;
                ratY += catSpeedY;

if (ratX <= 0 || ratX >= canvas.width || ratY <= 0 || ratY >= canvas.height) {
                    gameOver = true;
                }

if (Math.abs(ratX - catX) < 25 && Math.abs(ratY - catY) < 25) {
                    gameOver = true;
                }
            }
        }

// Draw game objects on the canvas
        function gameDraw() {
            // Clear canvas
            canvasContext.clearRect(0, 0, canvas.width, canvas.height);

// Draw rat
            canvasContext.beginPath();
            canvasContext.arc(ratX, ratY, 10, 0, 2 * Math.PI, false);
            canvasContext.fillStyle = "gray";
            canvasContext.fill();
            canvasContext.closePath();

// Draw cat
            canvasContext.beginPath();
            canvasContext.arc(catX, catY, 15, 0, 2 * Math.PI, false);
            canvasContext.fillStyle = "black";
            canvasContext.fill();
            canvasContext.closePath();

if (gameOver) {
                canvasContext.font = "20px Arial";
                canvasContext.fillStyle = "red";
                canvasContext.fillText("Game Over", canvas.width / 2 - 60, canvas.height / 2);
            }
        }

// Mouse move handler to control the rat
        function mouseMoveHandler(e) {
            if (gameStarted) {
                var mousePos = calculateMousePos(e);
                ratX = mousePos.x;
                ratY = mousePos.y;
            }
            else {
                gameStarted = true;
                setInterval(gameLoop, 16);
            }
        }

// Calculate mouse position relative to the canvas
        function calculateMousePos(e) {
            var rect = canvas.getBoundingClientRect();
            var root = document.documentElement;
            var mouseX = e.clientX - rect.left - root.scrollLeft;
            var mouseY = e.clientY - rect.top - root.scrollTop;
            return {
                x: mouseX,
                y: mouseY
            };
        }

// Main game loop
        function gameLoop() {
            gameUpdate();
            gameDraw();
        }

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