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

No:26689

72

Cars
Developer User13222｜Date and time 23/12/2 4:00:50
Build time 28.057 sec｜Game capacity 1.271KB｜

Juego de Coches

→ 　

0　

0　

[PR]現在のゲームギフトランキング

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

(C)2023 HisashiApp

<!DOCTYPE html>
<html>
<head>
<title>Juego de Coches</title>
</head>
<body>
<h1>Juego de Coches</h1>

<canvas id="gameCanvas" width="800" height="600"></canvas>

<script>
// Encerrar el juego en etiquetas de script
(function() {
  // Obtener el canvas y su contexto
  const canvas = document.getElementById("gameCanvas");
  const ctx = canvas.getContext("2d");
  
  // Definir la posición inicial del coche
  let carX = canvas.width / 2;
  let carY = canvas.height - 100;
  
  // Definir la velocidad del coche
  let carSpeed = 5;
  
  // Definir las imágenes de los coches
  const carImage = new Image();
  carImage.src = "ruta/imagen-coche.png";
  
  // Definir la función que dibuja el juego
  function drawGame() {
    // Limpiar el canvas
    ctx.clearRect(0, 0, canvas.width, canvas.height);
    
    // Dibujar el coche
    ctx.drawImage(carImage, carX, carY);
    
    // Actualizar la posición del coche
    carY -= carSpeed;
    
    // Llamar a la función nuevamente
    requestAnimationFrame(drawGame);
  }
  
  // Inicializar el juego
  function startGame() {
    // Cargar las imágenes antes de comenzar el juego
    carImage.onload = function() {
      drawGame();
    };
  }
  
  // Comenzar el juego
  startGame();
})();

</script>
</body>
</html>