Crie um jogo que temos que coida de bactérias e uma ai dentro do jogo vái cria comidas aletorio as poucos e evolução aleatórias e total mente diferentes uma da outra's game

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

No:19152

←

Prev Next

→

Crie um jogo que temos que coida de bactérias e um..ALL
Developer User8225｜Date and time 23/10/1 22:12:57
Build time 14.633 sec｜Game capacity 3.701KB｜

Script

Esse é um exemplo básico de um jogo em HTML5 onde você precisa cuidar de uma bactéria e coletar comidas aleatórias que vão aparecendo ao longo do tempo. A bactéria é representada por um retângulo vermelho e as comidas por retângulos verdes. O objetivo é fazer a bactéria colidir com as comidas para ganhar pontos. Você pode customizar o jogo adicionando mais funcionalidades como diferentes tipos de evolução para a bactéria, aumentar a velocidade de aparição das comidas, entre outros.

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Jogo de Cuidar de Bactérias</title>
    <style>
        #canvas {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            border: 1px solid #000;
        }
    </style>
</head>
<body>
    <canvas id="canvas" width="800" height="600"></canvas>

// Função para desenhar a bactéria
        function drawBacteria() {
            ctx.fillStyle = "#FF0000"; // cor vermelha
            ctx.fillRect(bacteriaX, bacteriaY, bacteriaSize, bacteriaSize);
        }

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

// Função para adicionar comida de forma aleatória
        function addFood() {
            var food = {
                x: Math.random() * (canvas.width - foodSize),
                y: Math.random() * (canvas.height - foodSize)
            };
            foods.push(food);
        }

// Função para checar se a bactéria colidiu com a comida
        function checkCollision() {
            for (var i = 0; i < foods.length; i++) {
                if (bacteriaX < foods[i].x + foodSize &&
                    bacteriaX + bacteriaSize > foods[i].x &&
                    bacteriaY < foods[i].y + foodSize &&
                    bacteriaY + bacteriaSize > foods[i].y) {
                    // Bactéria colidiu com a comida
                    score++; // incrementa a pontuação
                    foods.splice(i, 1); // remove a comida do array
                    addFood(); // adiciona nova comida
                    break;
                }
            }
        }

// Função para atualizar o jogo
        function update() {
            ctx.clearRect(0, 0, canvas.width, canvas.height); // limpar o canvas
            drawBacteria(); // desenhar a bactéria
            drawFood(); // desenhar as comidas

checkCollision(); // checar colisão com a comida

requestAnimationFrame(update); // chamar a função update novamente
        }

// Função para iniciar o jogo
        function startGame() {
            addFood(); // adicionar a primeira comida
            update(); // iniciar o ciclo de atualização
        }

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

Você pode customizar o jogo adicionando mais funcionalidades como diferentes tipos de evolução para a bactéria, aumentar a velocidade de aparição das comidas, entre outros.