Un juego de saltar que el jugador vaya avanzando y tocando la pantalla que salte los obstáculos que ay en el camino's game

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

No:49956

←

Prev Next

→

Un juego de saltar que el jugador vaya avanzando y..ALL
Developer User21191｜Date and time 24/3/7 3:36:44
Build time 11.43 sec｜Game capacity 2.286KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Juego de Saltar</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  <script>
    // Obtener el canvas y contexto
    var canvas = document.getElementById("gameCanvas");
    var ctx = canvas.getContext("2d");

// Definir posición y tamaño del jugador
    var player = {
      x: 50,
      y: 200,
      width: 30,
      height: 30,
      jumping: false
    };

// Definir posición y tamaño de los obstáculos
    var obstacles = [
      { x: 200, y: 210, width: 20, height: 20 },
      { x: 300, y: 210, width: 20, height: 20 },
    ];

// Función para dibujar al jugador
    function drawPlayer() {
      ctx.fillStyle = "#000";
      ctx.fillRect(player.x, player.y, player.width, player.height);
    }

// Función para dibujar los obstáculos
    function drawObstacles() {
      for (var i = 0; i < obstacles.length; i++) {
        ctx.fillStyle = "#FF0000";
        ctx.fillRect(obstacles[i].x, obstacles[i].y, obstacles[i].width, obstacles[i].height);
      }
    }

// Función para actualizar la posición del jugador
    function updatePlayer() {
      if (player.jumping) {
        player.y -= 2;
      } else {
        player.y += 2;
      }
    }

// Función para actualizar la posición de los obstáculos
    function updateObstacles() {
      for (var i = 0; i < obstacles.length; i++) {
        obstacles[i].x -= 1; // Mover los obstáculos hacia la izquierda
        if (obstacles[i].x + obstacles[i].width < 0) {
          // Si los obstáculos salen de la pantalla, reiniciar su posición
          obstacles[i].x = canvas.width;
        }
      }
    }

// Función principal del juego
    function gameLoop() {
      ctx.clearRect(0, 0, canvas.width, canvas.height); // Limpiar el canvas
      updatePlayer();
      updateObstacles();
      drawPlayer();
      drawObstacles();
      requestAnimationFrame(gameLoop); // Llamar a la función recursivamente
    }

// Manejar el salto del jugador al tocar la pantalla
    canvas.addEventListener("touchstart", function() {
      player.jumping = true;
      setTimeout(function() {
        player.jumping = false;
      }, 300);
    });

// Iniciar el juego
    gameLoop();
  </script>
</body>
</html>