Crie um jogo aonde movemos um quadrado que deve comer "comidas" espalhadas aleatoriamente pelo mapa a cada uma comida que ele comer outra ira nascer em outro local do mapa deve ter várias comidas simultaneamente, ele terá um contador de score para cada comida que comer vai ganhar um ponto, toda partida a cor do quadrado será diferente, então o objetivo do jogo é comer comida para ganhar ponto e ficar maior, ele deve crescer um pouco a cada comida que comer. Um quadrado vai representar a tela's game

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

No:52932

267

←

Prev Next

→

Crie um jogo aonde movemos um quadrado que deve co..ALL
Developer User19080｜Date and time 24/3/27 0:14:47
Build time 26.289 sec｜Game capacity 3.387KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

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

<head>
    <meta charset="UTF-8">
    <title>Jogo Comida</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            background-color: #f0f0f0;
            text-align: center;
        }

#gameArea {
            width: 400px;
            height: 400px;
            border: 2px solid #000;
            margin: 50px auto;
            position: relative;
        }

.square {
            width: 20px;
            height: 20px;
            position: absolute;
            background-color: #ff7f50;
        }

.food {
            width: 10px;
            height: 10px;
            position: absolute;
            background-color: #32cd32;
        }
    </style>
</head>

<body>

function createFood() {
            const food = document.createElement('div');
            const x = Math.floor(Math.random() * 380);
            const y = Math.floor(Math.random() * 380);
            food.className = 'food';
            food.style.left = x + 'px';
            food.style.top = y + 'px';
            gameArea.appendChild(food);
            foods.push(food);
        }

function checkCollision() {
            foods.forEach((food, index) => {
                const foodRect = food.getBoundingClientRect();
                const squareRect = square.getBoundingClientRect();

if (foodRect.left <= squareRect.right &&
                    foodRect.right >= squareRect.left &&
                    foodRect.top <= squareRect.bottom &&
                    foodRect.bottom >= squareRect.top) {

gameArea.removeChild(food);
                    foods.splice(index, 1);
                    score++;
                    document.getElementById('score').innerText = 'Score: ' + score;
                    createFood();
                    square.style.width = (parseInt(square.style.width) + 10) + 'px';
                    square.style.height = (parseInt(square.style.height) + 10) + 'px';
                }
            });
        }

function startGame() {
            square.className = 'square';
            square.style.left = '200px';
            square.style.top = '200px';
            square.style.backgroundColor = "#" + Math.floor(Math.random() * 16777215).toString(16);
            gameArea.appendChild(square);

document.addEventListener('keydown', moveSquare);

createFood();
        }

startGame();
    </script>

</body>

</html>