Mobile racing game with menu col car options entry animation and racing competition's game

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

No:7884

←

Prev Next

→

Mobile racing game with menu col car options entry..ALL
Developer User4094｜Date and time 23/7/10 12:45:47
Build time 13.75 sec｜Game capacity 2.865KB｜

Script

Aqui está um exemplo de um jogo de corrida mobile com um menu de opções de carro, animação de entrada e competição de corrida, implementado como um único arquivo HTML com JavaScript:

Neste exemplo, o jogador controla um carro através de toques na tela. O objetivo é desviar dos obstáculos e chegar o mais longe possível. O carro pode ser movido para a esquerda ou direita tocando nas respectivas áreas do canvas. O jogo começa com a exibição de um botão "Iniciar Jogo" e o canvas fica oculto até o início do jogo.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

Aqui está um exemplo de um jogo de corrida mobile com um menu de opções de carro, animação de entrada e competição de corrida, implementado como um único arquivo HTML com JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Jogo de Corrida Mobile</title>
  <style>
    canvas {
      border: 1px solid #000;
    }
  </style>
</head>
<body>
  <canvas id="canvas" width="400" height="600"></canvas>

var carImage = new Image();
    carImage.src = "car.png";

var carX = 180;
    var carY = 500;

var speed = 5;

// Função para desenhar o carro na tela
    function drawCar() {
      ctx.drawImage(carImage, carX, carY, 40, 80);
    }

// Função para atualizar a posição do carro
    function updateCarPosition() {
      if (rightPressed && carX < canvas.width - 40) {
        carX += speed;
      } else if (leftPressed && carX > 0) {
        carX -= speed;
      }
    }

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

// Função principal do jogo
    function gameLoop() {
      clearCanvas();
      drawCar();
      updateCarPosition();

requestAnimationFrame(gameLoop);
    }

// Controles para toque na tela
    var rightPressed = false;
    var leftPressed = false;

function handleTouchStart(event) {
      if (event.touches[0].clientX > canvas.width / 2) {
        rightPressed = true;
      } else {
        leftPressed = true;
      }
    }

function handleTouchEnd(event) {
      rightPressed = false;
      leftPressed = false;
    }

// Eventos de toque na tela
    canvas.addEventListener("touchstart", handleTouchStart, false);
    canvas.addEventListener("touchend", handleTouchEnd, false);

// Iniciar o jogo
    carImage.onload = function() {
      gameLoop();
    };

// Adicionar um botão de iniciar o jogo
    var startButton = document.createElement("button");
    startButton.textContent = "Iniciar Jogo";
    startButton.style.position = "absolute";
    startButton.style.top = "50%";
    startButton.style.left = "50%";
    startButton.style.transform = "translate(-50%, -50%)";
    startButton.addEventListener("click", function() {
      startButton.parentNode.removeChild(startButton);
      canvas.style.display = "block";
    });

document.body.appendChild(startButton);
  </script>
</body>
</html>
```