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

No:34085

a beaver named simers hiding in the ground to avoi..ALL
Developer User16040｜Date and time 24/1/8 6:27:53
Build time 36.534 sec｜Game capacity 4.11KB｜

Script

Jogo do Castor: Esconda-se dos Tigres

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Jogo do Castor: Esconda-se dos Tigres</title>
</head>
<body>
    <h1>Jogo do Castor: Esconda-se dos Tigres</h1>
    <canvas id="gameCanvas" width="500" height="500"></canvas>

function startGame() {
            var canvas = document.getElementById("gameCanvas");
            var context = canvas.getContext("2d");

var beaverImg = document.createElement("img");
            var tigers = [];

var beaver = {
                x: 50,
                y: 50,
                width: 50,
                height: 50,
                speed: 5
            };

var isHidden = true;
            var score = 0;

beaverImg.src = "beaver.png"; // Imagem do castor

function updateGameArea() {
                if (isHidden) {
                    context.clearRect(0, 0, canvas.width, canvas.height);
                    context.fillText("Você está escondido dos tigres!", 200, 50);
                    return;
                }

context.clearRect(0, 0, canvas.width, canvas.height);

// Movimento do castor
                if (keys.ArrowUp && beaver.y > 0) { beaver.y -= beaver.speed; }
                if (keys.ArrowDown && beaver.y < canvas.height - beaver.height) { beaver.y += beaver.speed; }
                if (keys.ArrowLeft && beaver.x > 0) { beaver.x -= beaver.speed; }
                if (keys.ArrowRight && beaver.x < canvas.width - beaver.width) { beaver.x += beaver.speed; }

// Desenho do castor
                context.drawImage(beaverImg, beaver.x, beaver.y, beaver.width, beaver.height);

// Resolução de colisões com tigres
                for (var i = 0; i < tigers.length; i++) {
                    if (isColliding(beaver, tigers[i])) {
                        isHidden = true;
                        score--;
                        setTimeout(function () { isHidden = false; }, 2000);
                    }
                }

// Desenho dos tigres
                for (var i = 0; i < tigers.length; i++) {
                    context.fillText("🐯", tigers[i].x, tigers[i].y);
                }

context.fillText("Pontuação: " + score, 20, 20);

// Geração aleatória de tigres
                if (Math.random() < 0.01) {
                    tigers.push({
                        x: Math.random() * canvas.width,
                        y: Math.random() * canvas.height,
                        width: 50,
                        height: 50,
                        speed: Math.random() * 3 + 1
                    });
                }

// Movimento dos tigres em direção ao castor
                for (var i = 0; i < tigers.length; i++) {
                    var t = tigers[i];

if (beaver.x < t.x) { t.x -= t.speed; }
                    if (beaver.x > t.x) { t.x += t.speed; }
                    if (beaver.y < t.y) { t.y -= t.speed; }
                    if (beaver.y > t.y) { t.y += t.speed; }
                }

// Recursão para atualização contínua
                requestAnimationFrame(updateGameArea);
            }

// Função de verificação de colisões
            function isColliding(rect1, rect2) {
                return rect1.x < rect2.x + rect2.width &&
                    rect1.x + rect1.width > rect2.x &&
                    rect1.y < rect2.y + rect2.height &&
                    rect1.y + rect1.height > rect2.y;
            }

// Captura de evente de teclas pressionadas
            var keys = {};
            window.addEventListener("keydown", function (e) {
                keys[e.key] = true;
            });
            window.addEventListener("keyup", function (e) {
                keys[e.key] = false;
            });

// Início do jogo
            updateGameArea();
        }
    </script>
</body>
</html>