Macacos pulam plataformas em busca de bananas's game

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

No:16143

127

←

Prev Next

→

Macacos pulam plataformas em busca de bananas
Developer User7161｜Date and time 23/9/16 11:45:11
Build time 31.547 sec｜Game capacity 4.137KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Macacos pulam plataformas</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    <script>
        // Variáveis para o jogo
        var canvas;
        var canvasContext;
        var monkeyX;
        var monkeyY;
        var gravity;
        var velocity;
        var platforms;
        var bananaX;
        var bananaY;
        var score;
        var isGameOver;

// Função para iniciar o jogo
        function startGame() {
            canvas = document.getElementById("gameCanvas");
            canvasContext = canvas.getContext("2d");

monkeyX = 50;
            monkeyY = 50;
            gravity = 0.3;
            velocity = 0;
            platforms = [
                { x: 50, y: 400 },
                { x: 200, y: 300 },
                { x: 350, y: 200 }
            ];
            bananaX = 350;
            bananaY = 150;
            score = 0;
            isGameOver = false;

// Event listener para o toque na tela
            window.addEventListener("touchstart", jumpMonkey);

// Loop principal do jogo
            setInterval(function () {
                moveMonkey();
                drawGame();
                checkCollision();
            }, 1000 / 60);
        }
        
        // Função para movimentar o macaco
        function moveMonkey() {
            velocity += gravity;
            monkeyY += velocity;

// Verificar se o macaco bateu no chão
            if (monkeyY > 350) {
                monkeyY = 350;
                velocity = 0;
            }
        }

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

// Desenhar o macaco
            canvasContext.fillRect(monkeyX, monkeyY, 50, 50);

// Desenhar as plataformas
            platforms.forEach(function (platform) {
                canvasContext.fillRect(platform.x, platform.y, 100, 20);
            });

// Desenhar a banana
            canvasContext.fillRect(bananaX, bananaY, 20, 20);

// Desenhar a pontuação
            canvasContext.fillText("Pontuação: " + score, 10, 20);

// Verificar se o jogo terminou
            if (isGameOver) {
                canvasContext.fillText("Fim de jogo! Pontuação: " + score, 100, 200);
            }
        }

// Função para fazer o macaco pular
        function jumpMonkey() {
            if (!isGameOver) {
                velocity = -10;
            }
        }

// Função para verificar colisões
        function checkCollision() {
            // Verificar colisão com as plataformas
            platforms.forEach(function (platform) {
                if (
                    monkeyY <= platform.y + 20 && monkeyY + 50 >= platform.y &&
                    monkeyX + 50 >= platform.x && monkeyX <= platform.x + 100
                ) {
                    velocity = 0;
                    monkeyY = platform.y - 50;
                }
            });

// Verificar colisão com a banana
            if (
                monkeyY <= bananaY + 20 && monkeyY + 50 >= bananaY &&
                monkeyX + 50 >= bananaX && monkeyX <= bananaX + 20
            ) {
                score++;
                resetBanana();
            }

// Verificar se o macaco caiu fora do canvas
            if (monkeyY > 400) {
                gameOver();
            }
        }

// Função para resetar a posição da banana
        function resetBanana() {
            bananaX = Math.floor(Math.random() * 300) + 50;
            bananaY = Math.floor(Math.random() * 200) + 50;
        }

// Função para finalizar o jogo
        function gameOver() {
            isGameOver = true;
            window.removeEventListener("touchstart", jumpMonkey);
        }

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