Uma vaca pegando comida que cai do céu's game

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

No:43530

←

Prev Next

→

Uma vaca pegando comida que cai do céu
Developer User19218｜Date and time 24/2/16 0:17:20
Build time 13.446 sec｜Game capacity 3.975KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Jogo da Vaca</title>
    <style>
        #game-container {
            width: 400px;
            height: 600px;
            border: 1px solid black;
            position: relative;
        }

#cow {
            width: 100px;
            height: 100px;
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
        }

.food {
            width: 50px;
            height: 50px;
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
        }

#score {
            font-size: 24px;
            font-weight: bold;
            position: absolute;
            top: 10px;
            left: 10px;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <img id="cow" src="cow.png" alt="Vaca">
    </div>
    <script>
        // Variáveis do jogo
        var container = document.getElementById('game-container');
        var cow = document.getElementById('cow');
        var scoreDisplay = document.createElement('div');
        var score = 0;
        var foodInterval;

// Inicialização do jogo
        function startGame() {
            container.appendChild(scoreDisplay);
            scoreDisplay.id = 'score';
            scoreDisplay.innerHTML = 'Pontuação: ' + score;

foodInterval = setInterval(dropFood, 1000);

// Controle da vaca
            container.addEventListener('touchstart', moveCowLeft);
            container.addEventListener('touchend', moveCowRight);
        }

// Gera e movimenta a comida
        function dropFood() {
            var food = document.createElement('img');
            food.src = 'food.png';
            food.className = 'food';
            container.appendChild(food);

var position = 0;
            var foodInterval = setInterval(function() {
                position += 10;
                food.style.top = position + 'px';

// Verifica se a comida foi pega pela vaca
                if (position >= container.offsetHeight - cow.offsetHeight) {
                    if (isColliding(food, cow)) {
                        score++;
                        scoreDisplay.innerHTML = 'Pontuação: ' + score;
                        food.remove();
                    } else {
                        clearInterval(foodInterval);
                        food.remove();
                    }
                }
            }, 50);
        }

// Verifica colisão entre dois elementos
        function isColliding(element1, element2) {
            var rect1 = element1.getBoundingClientRect();
            var rect2 = element2.getBoundingClientRect();

return !(
                rect1.top > rect2.bottom ||
                rect1.bottom < rect2.top ||
                rect1.left > rect2.right ||
                rect1.right < rect2.left
            );
        }

// Movimenta a vaca para a esquerda
        function moveCowLeft() {
            var position = parseInt(cow.style.left);
            if (!isNaN(position)) {
                if (position <= 0) {
                    cow.style.left = '0';
                }
                else {
                    cow.style.left = (position - 10) + 'px';
                }
            }
        }

// Movimenta a vaca para a direita
        function moveCowRight() {
            var position = parseInt(cow.style.left);
            if (!isNaN(position)) {
                if (position >= container.offsetWidth - cow.offsetWidth) {
                    cow.style.left = (container.offsetWidth - cow.offsetWidth) + 'px';
                }
                else {
                    cow.style.left = (position + 10) + 'px';
                }
            }
        }

// Inicia o jogo quando a página é carregada
        window.onload = startGame;
    </script>
</body>
</html>