Crea un juego 2d con enemigos que saltan y mi personaje tiene que recolectar unas esferas para poder lanzarlas Alós enemigos y matarlos's game

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

No:34099

←

Prev Next

→

Crea un juego 2d con enemigos que saltan y mi pers..ALL
Developer User16044｜Date and time 24/1/8 7:51:24
Build time 55.759 sec｜Game capacity 5.728KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Juego 2D con Saltos y Lanzamiento de Esferas</title>
</head>
<body>
  <canvas id="gameCanvas" width="480" height="320"></canvas>
  
  <script>
    // Obtener el canvas y el contexto
    var canvas = document.getElementById("gameCanvas");
    var context = canvas.getContext("2d");
    
    // Definir el tamaño del jugador y de las esferas
    var playerWidth = 40;
    var playerHeight = 40;
    var ballWidth = 10;
    var ballHeight = 10;
    
    // Definir las posiciones iniciales del jugador y de las esferas
    var playerX = canvas.width / 2 - playerWidth / 2;
    var playerY = canvas.height - playerHeight;
    var ballX = 0;
    var ballY = 0;
    var ballInAir = false;
    
    // Definir la velocidad de movimiento del jugador
    var playerSpeed = 5;
    
    // Definir el número de enemigos y sus posiciones iniciales
    var enemyCount = 3;
    var enemies = [];
    for (var i = 0; i < enemyCount; i++) {
      enemies.push({
        x: Math.random() * (canvas.width - playerWidth),
        y: Math.random() * (canvas.height / 2),
        width: playerWidth,
        height: playerHeight,
        jumping: false,
        jumpHeight: 100
      });
    }
    
    // Controlar la entrada del jugador en el dispositivo táctil
    document.addEventListener("touchstart", handleTouchStart, false);
    document.addEventListener("touchend", handleTouchEnd, false);
    
    // Controlar el movimiento del jugador
    document.addEventListener("keydown", handleKeyDown, false);
    document.addEventListener("keyup", handleKeyUp, false);
    
    // Actualizar la posición y el estado del jugador
    function updatePlayer() {
      // Mover hacia la derecha
      if (rightPressed && playerX < canvas.width - playerWidth) {
        playerX += playerSpeed;
      }
      
      // Mover hacia la izquierda
      if (leftPressed && playerX > 0) {
        playerX -= playerSpeed;
      }
      
      // Lanzar la esfera
      if (spacePressed && !ballInAir) {
        ballX = playerX + playerWidth / 2 - ballWidth / 2;
        ballY = playerY;
        ballInAir = true;
      }
      
      // Actualizar la posición de la esfera si está en el aire
      if (ballInAir) {
        ballY -= 5;
        
        // Comprobar si la esfera ha golpeado a un enemigo
        for (var i = 0; i < enemyCount; i++) {
          var enemy = enemies[i];
          if (ballX < enemy.x + enemy.width &&
              ballX + ballWidth > enemy.x &&
              ballY < enemy.y + enemy.height &&
              ballY + ballHeight > enemy.y) {
            enemies.splice(i, 1);
            ballInAir = false;
            break;
          }
        }
        
        // Comprobar si la esfera ha salido del canvas
        if (ballY < 0) {
          ballInAir = false;
        }
      }
    }
    
    // Actualizar la posición y el estado de los enemigos
    function updateEnemies() {
      for (var i = 0; i < enemyCount; i++) {
        var enemy = enemies[i];
        
        // Mover hacia arriba si está saltando
        if (enemy.jumping) {
          enemy.y -= 2;
          enemy.jumpHeight -= 2;
          
          if (enemy.jumpHeight <= 0) {
            enemy.jumping = false;
          }
        }
        
        // Saltar si no está saltando
        if (!enemy.jumping) {
          enemy.y += 2;
        }
        
        // Comprobar si el enemigo ha tocado al jugador
        if (playerX < enemy.x + enemy.width &&
            playerX + playerWidth > enemy.x &&
            playerY < enemy.y + enemy.height &&
            playerY + playerHeight > enemy.y) {
          alert("¡Perdiste!");
          document.location.reload();
        }
      }
    }
    
    // Dibujar los objetos del juego en el canvas
    function draw() {
      // Limpiar el canvas
      context.clearRect(0, 0, canvas.width, canvas.height);
      
      // Dibujar al jugador
      context.fillRect(playerX, playerY, playerWidth, playerHeight);
      
      // Dibujar las esferas si están en el aire
      if (ballInAir) {
        context.fillRect(ballX, ballY, ballWidth, ballHeight);
      }
      
      // Dibujar a los enemigos
      for (var i = 0; i < enemyCount; i++) {
        var enemy = enemies[i];
        context.fillRect(enemy.x, enemy.y, enemy.width, enemy.height);
      }
    }
    
    // Controlar el evento touchstart para saltar
    function handleTouchStart(evt) {
      for (var i = 0; i < enemyCount; i++) {
        var enemy = enemies[i];
        if (!enemy.jumping) {
          enemy.jumping = true;
          enemy.jumpHeight = 100;
        }
      }
    }
    
    // Controlar el evento touchend para dejar de saltar
    function handleTouchEnd(evt) {
      // No se hace nada en este juego al soltar el toque
    }
    
    // Controlar el evento keydown para mover al jugador
    function handleKeyDown(evt) {
      if (evt.key === "ArrowRight") {
        rightPressed = true;
      }
      
      if (evt.key === "ArrowLeft") {
        leftPressed = true;
      }
      
      if (evt.key === " ") {
        spacePressed = true;
      }
    }
    
    // Controlar el evento keyup para detener el movimiento del jugador
    function handleKeyUp(evt) {
      if (evt.key === "ArrowRight") {
        rightPressed = false;
      }
      
      if (evt.key === "ArrowLeft") {
        leftPressed = false;
      }
      
      if (evt.key === " ") {
        spacePressed = false;
      }
    }
    
    // Bucle principal del juego
    function gameLoop() {
      updatePlayer();
      updateEnemies();
      draw();
      
      requestAnimationFrame(gameLoop);
    }
    
    // Iniciar el bucle principal del juego
    gameLoop();
  </script>
</body>
</html>