Ahora actualízame el juego de tiros's game

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

No:37028

←

Prev Next

→

Ahora actualízame el juego de tiros
Developer User16957｜Date and time 24/1/19 23:32:21
Build time 24.269 sec｜Game capacity 4.976KB｜

Script

¡Claro! Aquí tienes una actualización para tu juego de tiros. Recuerda que este código debe ser incluido en un solo archivo HTML y debe estar envuelto entre las etiquetas de script:

En este juego, controlarás al jugador representado como un rectángulo azul. Puedes moverlo a la izquierda pulsando la flecha izquierda o tocando la pantalla a la izquierda del jugador. Igualmente, puedes moverlo a la derecha pulsando la flecha derecha o tocando la pantalla a la derecha del jugador. El objetivo es evitar que los proyectiles rojos alcancen al jugador. Si un proyectil colisiona con el jugador, puedes agregar lógica adicional para restar puntos al jugador o mostrar un mensaje de Game Over. ¡Espero que disfrutes jugando tu juego de tiros actualizado!

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

¡Claro! Aquí tienes una actualización para tu juego de tiros. Recuerda que este código debe ser incluido en un solo archivo HTML y debe estar envuelto entre las etiquetas de script:

```html
<!DOCTYPE html>
<html>
<head>
<title>Juego de Tiros</title>
<style>
  /* Estilos adicionales para los botones */
  .button-container {
    display: flex;
    justify-content: center;
    margin-top: 20px;
  }
  
  .button {
    background-color: #4CAF50;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
  }
</style>
</head>
<body>
  <canvas id="canvas" width="400" height="400"></canvas>
  <div class="button-container">
    <button id="start-button" class="button">Iniciar Juego</button>
  </div>
  
  <script>
    // Variables globales
    var canvas = document.getElementById("canvas");
    var ctx = canvas.getContext("2d");
    var playerX = 200;
    var playerY = 380;
    var playerWidth = 30;
    var playerHeight = 20;
    var isPlayerMovingLeft = false;
    var isPlayerMovingRight = false;
    var bullets = [];
    var isGameRunning = false;
  
    // Función para dibujar al jugador y a los proyectiles
    function draw() {
      // Limpiar el canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);
  
      // Dibujar al jugador
      ctx.fillStyle = "blue";
      ctx.fillRect(playerX, playerY, playerWidth, playerHeight);
  
      // Dibujar los proyectiles
      ctx.fillStyle = "red";
      for (var i = 0; i < bullets.length; i++) {
        var bullet = bullets[i];
        ctx.fillRect(bullet.x, bullet.y, 3, 10);
      }
    }
  
    // Actualizar la posición del jugador
    function updatePlayerPosition() {
      if (isPlayerMovingLeft && playerX - 5 >= 0) {
        playerX -= 5;
      }
  
      if (isPlayerMovingRight && playerX + playerWidth + 5 <= canvas.width) {
        playerX += 5;
      }
    }
  
    // Actualizar la posición de los proyectiles
    function updateBulletsPosition() {
      for (var i = 0; i < bullets.length; i++) {
        bullets[i].y -= 5;
  
        // Eliminar los proyectiles fuera del canvas
        if (bullets[i].y < 0) {
          bullets.splice(i, 1);
          i--;
        }
      }
    }
  
    // Verificar colisiones entre proyectiles y jugador
    function checkCollisions() {
      for (var i = 0; i < bullets.length; i++) {
        var bullet = bullets[i];
  
        if (
          bullet.x >= playerX &&
          bullet.x <= playerX + playerWidth &&
          bullet.y >= playerY &&
          bullet.y <= playerY + playerHeight
        ) {
          // El jugador fue alcanzado por el proyectil
          // Aquí puedes agregar lógica adicional, como restar puntos al jugador o mostrar un mensaje de Game Over
        }
      }
    }
  
    // Función de animación del juego
    function gameLoop() {
      if (isGameRunning) {
        updatePlayerPosition();
        updateBulletsPosition();
        checkCollisions();
  
        draw();
  
        requestAnimationFrame(gameLoop); // Siguiente ciclo de animación
      }
    }
  
    // Escuchar eventos de teclado para mover al jugador
    document.addEventListener("keydown", function(event) {
      if (event.key === "ArrowLeft") {
        isPlayerMovingLeft = true;
      }
  
      if (event.key === "ArrowRight") {
        isPlayerMovingRight = true;
      }
    });
  
    document.addEventListener("keyup", function(event) {
      if (event.key === "ArrowLeft") {
        isPlayerMovingLeft = false;
      }
  
      if (event.key === "ArrowRight") {
        isPlayerMovingRight = false;
      }
    });
  
    // Escuchar eventos de pantalla táctil para mover al jugador
    canvas.addEventListener("touchstart", function(event) {
      var touchX = event.touches[0].clientX;
  
      if (touchX < playerX + playerWidth / 2) {
        isPlayerMovingLeft = true;
      } else {
        isPlayerMovingRight = true;
      }
    });
  
    canvas.addEventListener("touchend", function(event) {
      isPlayerMovingLeft = false;
      isPlayerMovingRight = false;
    });
  
    // Iniciar el juego cuando se hace clic en el botón
    document.getElementById("start-button").addEventListener("click", function() {
      isGameRunning = true;
      gameLoop();
    });
  </script>
</body>
</html>
```

¡Espero que disfrutes jugando tu juego de tiros actualizado!