Jogo de escapar de uma prisão com paredes e labirintos para impedir escapar e um policial que te persegue e se te pegar reinicia o jogo's game

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

No:50180

←

Prev Next

→

Jogo de escapar de uma prisão com paredes e labiri..ALL
Developer User21256｜Date and time 24/3/8 1:42:40
Build time 13.244 sec｜Game capacity 2.842KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html lang="pt">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Jogo de Escape da Prisão</title>
</head>

const player = {
            x: 50,
            y: 50,
            width: 20,
            height: 20
        };

const walls = [
            { x: 100, y: 0, width: 20, height: 200 },
            { x: 200, y: 200, width: 20, height: 200 },
            { x: 300, y: 0, width: 20, height: 200 }
        ];

let copX = 350;
        let copY = 350;
        const copWidth = 20;
        const copHeight = 20;

function drawPlayer() {
            ctx.fillStyle = 'blue';
            ctx.fillRect(player.x, player.y, player.width, player.height);
        }

function drawWalls() {
            ctx.fillStyle = 'gray';
            walls.forEach(wall => {
                ctx.fillRect(wall.x, wall.y, wall.width, wall.height);
            });
        }

function drawCop() {
            ctx.fillStyle = 'red';
            ctx.fillRect(copX, copY, copWidth, copHeight);
        }

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

function checkCollision() {
            walls.forEach(wall => {
                if (player.x < wall.x + wall.width &&
                    player.x + player.width > wall.x &&
                    player.y < wall.y + wall.height &&
                    player.y + player.height > wall.y) {
                    player.x = 50;
                    player.y = 50;
                }
            });

if (player.x < copX + copWidth &&
                player.x + player.width > copX &&
                player.y < copY + copHeight &&
                player.y + player.height > copY) {
                player.x = 50;
                player.y = 50;
            }
        }

function updateGame() {
            clearCanvas();
            drawPlayer();
            drawWalls();
            checkCollision();
            drawCop();
        }

function movePlayer(event) {
            const keyPressed = event.key;

if (keyPressed === 'ArrowUp') {
                player.y -= 10;
            } else if (keyPressed === 'ArrowDown') {
                player.y += 10;
            } else if (keyPressed === 'ArrowLeft') {
                player.x -= 10;
            } else if (keyPressed === 'ArrowRight') {
                player.x += 10;
            }

updateGame();
        }

document.addEventListener('keydown', movePlayer);

updateGame();
    </script>

</body>

</html>