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.'s game

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

No:52928

2645

←

Prev Next

→

Crie um jogo aonde movemos um quadrado que deve co..ALL
Developer anonymous｜Date and time 70/1/1 9:43:21
Build time unknown sec｜Game capacity 2.601KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Jogo do Quadrado Comilão</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Função para desenhar o quadrado
        function drawSquare() {
            ctx.fillStyle = square.color;
            ctx.fillRect(square.x, square.y, square.size, square.size);
        }

// Função para desenhar as comidas
        function drawFoods() {
            for(var i = 0; i < foods.length; i++) {
                ctx.fillStyle = "#00FF00";
                ctx.fillRect(foods[i].x, foods[i].y, 10, 10);
            }
        }

// Função para gerar comidas aleatoriamente
        function generateFood() {
            var food = {
                x: Math.floor(Math.random() * 400),
                y: Math.floor(Math.random() * 400)
            };
            foods.push(food);
        }

// Função para verificar se o quadrado comeu uma comida
        function checkCollision() {
            for(var i = 0; i < foods.length; i++) {
                if(square.x < foods[i].x + 10 &&
                   square.x + square.size > foods[i].x &&
                   square.y < foods[i].y + 10 &&
                   square.y + square.size > foods[i].y) {
                    foods.splice(i, 1);
                    generateFood();
                    square.color = "#" + ((1<<24)*Math.random()|0).toString(16);
                }
            }
        }

// Função para atualizar o jogo
        function updateGame() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            drawSquare();
            drawFoods();
            checkCollision();
        }

// Função para movimentar o quadrado
        document.addEventListener("keydown", function(event) {
            var key = event.keyCode;
            if(key === 37) { // left
                square.x -= 10;
            } else if(key === 38) { // up
                square.y -= 10;
            } else if(key === 39) { // right
                square.x += 10;
            } else if(key === 40) { // down
                square.y += 10;
            }
        });

// Inicializando o jogo
        generateFood();
        setInterval(updateGame, 1000 / 30); // 30 FPS
    </script>
</body>
</html>