Um jogo inspirado em Cuphead com os memes de gatos bingus e floppa numa aventura para salvar o universo drip's game

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

No:15595

110

←

Prev Next

→

Um jogo inspirado em Cuphead com os memes de gatos..ALL
Developer User6771｜Date and time 23/9/10 2:53:37
Build time 28.462 sec｜Game capacity 3.355KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Game do Bingus e Floppa</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

// Função para carregar os recursos
        function loadResources() {
            // Carregar imagens dos personagens
            bingusImage = new Image();
            bingusImage.src = "bingus.png";
            floppaImage = new Image();
            floppaImage.src = "floppa.png";

// Adicionar eventos de clique para iniciar o jogo
            document.getElementById("gameCanvas").addEventListener("click", startGame);
        }

// Função para começar o jogo
        function startGame() {
            // Inicializar as variáveis
            bingus = {
                x: 50,
                y: canvas.height / 2 - 50,
                width: 100,
                height: 100,
                speedX: 5,
                speedY: 5,
            };

floppa = {
                x: canvas.width - 150,
                y: canvas.height / 2 - 50,
                width: 100,
                height: 100,
                speedX: -5,
                speedY: -5,
            };

// Remover eventos de clique e começar o jogo
            document.getElementById("gameCanvas").removeEventListener("click", startGame);
            gameStarted = true;

// Começar a atualização do jogo
            update();
        }

// Função para atualizar o jogo
        function update() {
            // Limpar o canvas
            canvasContext.clearRect(0, 0, canvas.width, canvas.height);

// Movimentar os personagens
            bingus.x += bingus.speedX;
            bingus.y += bingus.speedY;
            floppa.x += floppa.speedX;
            floppa.y += floppa.speedY;

// Verificar colisões
            if (bingus.x + bingus.width > floppa.x && bingus.x < floppa.x + floppa.width &&
                bingus.y + bingus.height > floppa.y && bingus.y < floppa.y + floppa.height) {
                // Personagens colidiram
                gameStarted = false;
                alert("Você perdeu! Tente novamente.");
                location.reload(); // Reiniciar o jogo
            }

// Redesenhar os personagens
            if (gameStarted) {
                // Desenhar Bingus na posição atual
                canvasContext.drawImage(bingusImage, bingus.x, bingus.y, bingus.width, bingus.height);

// Desenhar Floppa na posição atual
                canvasContext.drawImage(floppaImage, floppa.x, floppa.y, floppa.width, floppa.height);

// Agendar próxima atualização do jogo
                requestAnimationFrame(update);
            }
        }

// Função principal (executada após o carregamento da página)
        window.onload = function() {
            // Obter referência para o canvas
            canvas = document.getElementById("gameCanvas");
            // Configurar o contexto do canvas
            canvasContext = canvas.getContext("2d");

// Carregar recursos e iniciar o jogo
            loadResources();
        };
    </script>
</body>
</html>