Crie um jogo runner arcade assim como o Subway Surfers's game

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

No:36529

←

Prev Next

→

Crie um jogo runner arcade assim como o Subway Sur..ALL
Developer User16820｜Date and time 24/1/17 22:32:38
Build time 22.464 sec｜Game capacity 5.273KB｜

Script

Claro! Aqui está um exemplo de um jogo runner arcade inspirado no Subway Surfers:

Este é um exemplo básico de um jogo runner arcade no estilo Subway Surfers. No jogo, você controla um jogador que precisa pular obstáculos enquanto avança pela pista. A pontuação aumenta gradualmente à medida que você avança e colisões com obstáculos fazem o jogo terminar. Este código deve ser salvo em um único arquivo HTML e pode ser executado em um navegador da web moderno. Certifique-se de abrir o arquivo HTML em um navegador para jogar o jogo. Use a barra de espaço para pular. Lembre-se de que este é apenas um exemplo básico e pode ser refinado e estilizado ainda mais para corresponder ao estilo do Subway Surfers.

←

Prev　Next

→ 　

Back　

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

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

Claro! Aqui está um exemplo de um jogo runner arcade inspirado no Subway Surfers:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Jogo Runner Arcade</title>
    <style>
      canvas {
        border: 1px solid black;
        background-color: #ffffff;
      }
    </style>
  </head>
  <body>
    <canvas id="gameCanvas"></canvas>
    <script>
      // Variáveis do jogo
      var canvas;
      var context;
      var player;
      var obstacles = [];
      var score = 0;
      var gameSpeed = 3;

// Carregar o jogo quando a página é carregada
      document.addEventListener("DOMContentLoaded", function () {
        canvas = document.getElementById("gameCanvas");
        context = canvas.getContext("2d");
        document.addEventListener("keydown", handleKeyPress);
        setInterval(updateGame, 20); // 50 vezes por segundo (1000/20)
      });

// Função para criar o jogador
      function createPlayer() {
        player = {
          x: 50,
          y: canvas.height / 2,
          width: 50,
          height: 50,
          yVelocity: 0,
          jumping: false,
        };
      }

// Função para criar os obstáculos
      function createObstacle() {
        var obstacle = {
          x: canvas.width,
          y: Math.random() * (canvas.height - 50),
          width: 50,
          height: 50,
        };
        obstacles.push(obstacle);
      }

// Função para atualizar o jogo (loop principal)
      function updateGame() {
        clearCanvas();
        movePlayer();
        moveObstacles();
        drawPlayer();
        drawObstacles();
        checkCollision();
        updateScore();
        gameSpeed += 0.001; // Aumentar a velocidade do jogo gradualmente
      }

// Função para limpar o canvas
      function clearCanvas() {
        context.clearRect(0, 0, canvas.width, canvas.height);
      }

// Função para mover o jogador
      function movePlayer() {
        player.yVelocity += 1.5; // Gravidade
        player.y += player.yVelocity;

if (player.y > canvas.height - player.height) {
          // Jogador colidiu com o chão
          player.y = canvas.height - player.height;
          player.jumping = false;
        }
      }

// Função para mover os obstáculos
      function moveObstacles() {
        for (var i = 0; i < obstacles.length; i++) {
          obstacles[i].x -= gameSpeed;

// Remover o obstáculo quando ele sai da tela
          if (obstacles[i].x < -obstacles[i].width) {
            obstacles.splice(i, 1);
          }
        }

// Criar novos obstáculos aleatoriamente
        if (Math.random() < 0.01) {
          createObstacle();
        }
      }

// Função para desenhar o jogador
      function drawPlayer() {
        context.fillStyle = "#000000";
        context.fillRect(player.x, player.y, player.width, player.height);
      }

// Função para desenhar os obstáculos
      function drawObstacles() {
        for (var i = 0; i < obstacles.length; i++) {
          context.fillStyle = "#ff0000";
          context.fillRect(
            obstacles[i].x,
            obstacles[i].y,
            obstacles[i].width,
            obstacles[i].height
          );
        }
      }

// Função para verificar colisão entre jogador e obstáculos
      function checkCollision() {
        for (var i = 0; i < obstacles.length; i++) {
          if (
            player.x < obstacles[i].x + obstacles[i].width &&
            player.x + player.width > obstacles[i].x &&
            player.y < obstacles[i].y + obstacles[i].height &&
            player.y + player.height > obstacles[i].y
          ) {
            // Jogador colidiu com um obstáculo
            gameOver();
          }
        }
      }

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

// Função para lidar com as teclas pressionadas
      function handleKeyPress(event) {
        if (event.keyCode === 32 && !player.jumping) {
          player.yVelocity -= 30; // Fazer o jogador pular
          player.jumping = true;
        }
      }

// Função para encerrar o jogo
      function gameOver() {
        clearInterval(updateGame); // Parar o loop principal
        alert("Game Over! Pontuação: " + score);
        location.reload(); // Recarregar a página para reiniciar o jogo
      }

// Inicializar o jogo
      createPlayer();
    </script>
  </body>
</html>
```

Este código deve ser salvo em um único arquivo HTML e pode ser executado em um navegador da web moderno. Certifique-se de abrir o arquivo HTML em um navegador para jogar o jogo. Use a barra de espaço para pular.

Lembre-se de que este é apenas um exemplo básico e pode ser refinado e estilizado ainda mais para corresponder ao estilo do Subway Surfers.