Simulator de gordar (com o player/personagem)'s game

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

No:23838

←

Prev Next

→

Simulator de gordar (com o player/personagem)
Developer User9790｜Date and time 23/11/3 23:09:37
Build time 143.013 sec｜Game capacity 5.833KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Simulador de Engordar</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Definir o tamanho do personagem
        var personagemSize = 50;

var personagemX = canvas.width / 2 - personagemSize / 2;
        var personagemY = canvas.height / 2 - personagemSize / 2;

// Definir o tamanho dos alimentos
        var alimentoSize = 25;

// Pontuação inicial
        var pontuacao = 0;

// Criar uma array para armazenar as posições dos alimentos
        var alimentos = [];

// Função para desenhar o personagem
        function desenharPersonagem() {
            context.beginPath();
            context.rect(personagemX, personagemY, personagemSize, personagemSize);
            context.fillStyle = "#FF0000";
            context.fill();
            context.closePath();
        }

// Função para desenhar os alimentos
        function desenharAlimentos() {
            for (var i = 0; i < alimentos.length; i++) {
                context.beginPath();
                context.arc(alimentos[i].x, alimentos[i].y, alimentoSize, 0, Math.PI * 2);
                context.fillStyle = "#00FF00";
                context.fill();
                context.closePath();
            }
        }

// Função para verificar se o personagem colidiu com algum alimento
        function verificarColisao() {
            for (var i = 0; i < alimentos.length; i++) {
                var deltaX = personagemX - alimentos[i].x;
                var deltaY = personagemY - alimentos[i].y;
                var distancia = Math.sqrt(deltaX * deltaX + deltaY * deltaY);

if (distancia < personagemSize / 2 + alimentoSize) {
                    // O personagem colidiu com um alimento, aumente a pontuação
                    pontuacao++;
                    // Remova o alimento da array
                    alimentos.splice(i, 1);
                    // Adicione um novo alimento
                    adicionarAlimento();
                }
            }
        }

// Função para adicionar um novo alimento aleatoriamente no canvas
        function adicionarAlimento() {
            var novoAlimento = {
                x: Math.random() * (canvas.width - alimentoSize) + alimentoSize,
                y: Math.random() * (canvas.height - alimentoSize) + alimentoSize
            };

alimentos.push(novoAlimento);
        }

// Função principal do jogo
        function gameLoop() {
            // Limpar o canvas
            context.clearRect(0, 0, canvas.width, canvas.height);

// Desenhar o personagem
            desenharPersonagem();

// Desenhar os alimentos
            desenharAlimentos();

// Verificar colisões
            verificarColisao();

// Atualizar a pontuação
            context.font = "16px Arial";
            context.fillStyle = "#000000";
            context.fillText("Pontuação: " + pontuacao, 10, 20);

// Mover o personagem com base nos botões virtuais do smartphone
            if (moveUp && personagemY > 0) {
                personagemY -= 5;
            }
            if (moveDown && personagemY < canvas.height - personagemSize) {
                personagemY += 5;
            }
            if (moveLeft && personagemX > 0) {
                personagemX -= 5;
            }
            if (moveRight && personagemX < canvas.width - personagemSize) {
                personagemX += 5;
            }

requestAnimationFrame(gameLoop);
        }

// Função para lidar com eventos de toque no smartphone
        function touchHandler(event) {
            var touch = event.changedTouches[0];

// Verificar se o toque ocorreu dentro do botão "Cima"
            if (touch.pageX > 10 && touch.pageX < 60 && touch.pageY > canvas.height - 120 && touch.pageY < canvas.height - 70) {
                moveUp = true;
            }
            // Verificar se o toque ocorreu dentro do botão "Baixo"
            else if (touch.pageX > 10 && touch.pageX < 60 && touch.pageY > canvas.height - 70 && touch.pageY < canvas.height - 20) {
                moveDown = true;
            }
            // Verificar se o toque ocorreu dentro do botão "Esquerda"
            else if (touch.pageX > 60 && touch.pageX < 110 && touch.pageY > canvas.height - 70 && touch.pageY < canvas.height - 20) {
                moveLeft = true;
            }
            // Verificar se o toque ocorreu dentro do botão "Direita"
            else if (touch.pageX > 110 && touch.pageX < 160 && touch.pageY > canvas.height - 70 && touch.pageY < canvas.height - 20) {
                moveRight = true;
            }
        }

// Função para lidar com eventos de finalização do toque no smartphone
        function touchEndHandler(event) {
            moveUp = false;
            moveDown = false;
            moveLeft = false;
            moveRight = false;
        }

// Adicionar os event listeners para os eventos de toque no smartphone
        canvas.addEventListener("touchstart", touchHandler, false);
        canvas.addEventListener("touchend", touchEndHandler, false);

// Definir as variáveis para controlar o movimento do personagem
        var moveUp = false;
        var moveDown = false;
        var moveLeft = false;
        var moveRight = false;

// Adicionar alguns alimentos iniciais
        for (var i = 0; i < 5; i++) {
            adicionarAlimento();
        }

// Iniciar o jogo
        gameLoop();
    </script>
</body>
</html>