Crie um jogo do sonic de plataforma com a fase green hill zone's game

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

No:20070

←

Prev Next

→

Crie um jogo do sonic de plataforma com a fase gre..ALL
Developer User8941｜Date and time 23/10/8 5:48:19
Build time 17.264 sec｜Game capacity 4.77KB｜

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 Sonic - Green Hill Zone</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>

// Monitorar eventos de teclado
        document.addEventListener("keydown", jump);

// Iniciar o loop de jogo
        setInterval(playGame, 20);

// Função para desenhar o jogo na tela
        function playGame() {
            // Limpar o canvas
            context.clearRect(0, 0, canvas.width, canvas.height);

if (!isGameOver) {
                // Atualizar a posição do objeto Sonic
                updateSonic();
                // Desenhar o objeto Sonic
                drawSonic();
                // Atualizar a posição do obstáculo
                updateObstacle();
                // Desenhar o obstáculo
                drawObstacle();
                // Atualizar a pontuação
                updateScore();

// Verificar colisão
                if (isCollision()) {
                    gameOver();
                }
            } else {
                // Se o jogo acabou, exibir a mensagem de game over
                showGameOver();
            }
        }

// Função para atualizar a posição do objeto Sonic
        function updateSonic() {
            if (isJumping) {
                // Se o Sonic estiver pulando, alterar a posição vertical
                sonicY -= 5;
                jumpCount++;
                
                // Se alcançar a altura máxima do salto, iniciar a queda
                if (jumpCount >= jumpHeight) {
                    isJumping = false;
                    jumpCount = 0;
                }
            } else {
                // Se não estiver pulando, voltar ao solo
                if (sonicY < groundY) {
                    sonicY += 5;
                }
            }
        }

// Função para desenhar o objeto Sonic
        function drawSonic() {
            context.drawImage(sonicImage, sonicX, sonicY, sonicWidth, sonicHeight);
        }

// Função para atualizar a posição do obstáculo
        function updateObstacle() {
            // Movimentar o obstáculo da direita para a esquerda
            if (obstacleX > 0) {
                obstacleX -= obstacleSpeed;
            } else {
                // Se o obstáculo sair da tela, reposicionar aleatoriamente
                obstacleX = 480;
                score++;
            }
        }

// Função para desenhar o obstáculo
        function drawObstacle() {
            context.fillRect(obstacleX, obstacleY, obstacleWidth, obstacleHeight);
        }

// Função para atualizar a pontuação
        function updateScore() {
            context.fillStyle = "black";
            context.font = "24px Arial";
            context.fillText("Pontuação: " + score, 10, 30);
        }

// Função para verificar colisão entre Sonic e o obstáculo
        function isCollision() {
            if (
                sonicX < obstacleX + obstacleWidth &&
                sonicX + sonicWidth > obstacleX &&
                sonicY < obstacleY + obstacleHeight &&
                sonicY + sonicHeight > obstacleY
            ) {
                return true;
            }
            return false;
        }

// Função para tratar o pulo do Sonic
        function jump(event) {
            if (event.code === "Space" && sonicY === groundY) {
                isJumping = true;
            }
        }

// Função para finalizar o jogo
        function gameOver() {
            isGameOver = true;
        }

// Função para exibir a mensagem de game over
        function showGameOver() {
            context.fillStyle = "black";
            context.font = "48px Arial";
            context.fillText("Game Over", 140, 150);
        }
    </script>
</body>

</html>