um jogo inspirado no GTA 5 para celular's game

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

No:40147

←

Prev Next

→

um jogo inspirado no GTA 5 para celular
Developer User17985｜Date and time 24/2/1 7:28:55
Build time 15.659 sec｜Game capacity 4.443KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
  <head>
    <title>GTA 5 Mobile Game</title>
    <style>
      canvas {
        border: 1px solid black;
      }
    </style>
  </head>

// Inicialização do jogo
      function init() {
        canvas = document.getElementById("gameCanvas");
        ctx = canvas.getContext("2d");

player = {
          x: canvas.width / 2,
          y: canvas.height - 50,
          width: 50,
          height: 50,
          speed: 5,
        };

// Event handlers para controles do smartphone
        window.addEventListener("keydown", keyDownHandler, false);
        window.addEventListener("keyup", keyUpHandler, false);

gameLoopInterval = setInterval(gameLoop, 20); // Loop principal do jogo
      }

// Handlers para controle do jogador
      var rightPressed = false;
      var leftPressed = false;
      var upPressed = false;
      var downPressed = false;

// Adiciona obstáculos ao jogo
      function addObstacle() {
        var obstacleWidth = Math.random() * (100 - 30) + 30;
        var obstacleHeight = Math.random() * (200 - 100) + 100;
        var obstacleX = Math.random() * (canvas.width - obstacleWidth);
        var obstacleSpeed = Math.random() * (10 - 1) + 1;

var obstacle = {
          x: obstacleX,
          y: 0,
          width: obstacleWidth,
          height: obstacleHeight,
          speed: obstacleSpeed,
        };

obstacles.push(obstacle);
      }

// Atualiza a posição dos obstáculos e verifica colisões
      function updateObstacles() {
        for (var i = 0; i < obstacles.length; i++) {
          obstacles[i].y += obstacles[i].speed;

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
          ) {
            gameOver();
          }

if (obstacles[i].y > canvas.height) {
            obstacles.splice(i, 1);
          }
        }
      }

// Loop principal do jogo
      function gameLoop() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);

if (rightPressed && player.x < canvas.width - player.width) {
          player.x += player.speed;
        } else if (leftPressed && player.x > 0) {
          player.x -= player.speed;
        } else if (upPressed && player.y > 0) {
          player.y -= player.speed;
        } else if (downPressed && player.y < canvas.height - player.height) {
          player.y += player.speed;
        }

updateObstacles();

drawPlayer();
        drawObstacles();

addObstacle();
      }

// Desenha o jogador
      function drawPlayer() {
        ctx.fillStyle = "green";
        ctx.fillRect(player.x, player.y, player.width, player.height);
      }

// Desenha os obstáculos
      function drawObstacles() {
        for (var i = 0; i < obstacles.length; i++) {
          ctx.fillStyle = "red";
          ctx.fillRect(
            obstacles[i].x,
            obstacles[i].y,
            obstacles[i].width,
            obstacles[i].height
          );
        }
      }

// Função de finalização do jogo
      function gameOver() {
        clearInterval(gameLoopInterval);
        alert("Game Over!");
        location.reload(); // Reinicia o jogo
      }

// Inicializa o jogo quando a página carrega
      window.onload = init;
    </script>
  </body>
</html>