Asme un juego de tiros's game

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

No:37025

←

Prev Next

→

Asme un juego de tiros
Developer User16957｜Date and time 24/1/19 23:11:53
Build time 17.231 sec｜Game capacity 3.863KB｜

Script

¡Claro! Voy a crear un juego de tiros para ti. Aquí está el código en HTML y JavaScript para el juego:

Puedes copiar y pegar este código en un archivo HTML y abrirlo en tu smartphone para jugar el juego. El juego permite mover al jugador hacia la izquierda y derecha usando las teclas de flecha, y disparar balas presionando la barra espaciadora. El objetivo es eliminar a todos los enemigos antes de que lleguen al jugador. ¡Diviértete jugando!

←

Prev　Next

→ 　

Back　

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

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

¡Claro! Voy a crear un juego de tiros para ti. Aquí está el código en HTML y JavaScript para el juego:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Juego de Tiros</title>
  <style>
    canvas {
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

// Definir variables para el jugador y los enemigos
    var player = { x: 200, y: 350, width: 50, height: 50 };
    var bullets = [];
    var enemies = [
      { x: 50, y: 50, width: 50, height: 50 },
      { x: 150, y: 50, width: 50, height: 50 },
      { x: 250, y: 50, width: 50, height: 50 },
    ];

// Función para dibujar el jugador, los enemigos y las balas en el canvas
    function draw() {
      context.clearRect(0, 0, canvas.width, canvas.height);

// Dibujar al jugador
      context.fillStyle = "blue";
      context.fillRect(player.x, player.y, player.width, player.height);

// Dibujar a los enemigos
      context.fillStyle = "red";
      enemies.forEach(function (enemy) {
        context.fillRect(enemy.x, enemy.y, enemy.width, enemy.height);
      });

// Dibujar las balas
      context.fillStyle = "black";
      bullets.forEach(function (bullet) {
        context.fillRect(bullet.x, bullet.y, bullet.width, bullet.height);
      });
    }

// Función para mover al jugador
    function movePlayer(direction) {
      if (direction === "left" && player.x > 0) {
        player.x -= 10;
      } else if (direction === "right" && player.x < canvas.width - player.width) {
        player.x += 10;
      }
    }

// Función para disparar una bala
    function shoot() {
      bullets.push({ x: player.x + player.width / 2, y: player.y, width: 2, height: 10 });
    }

// Función para mover las balas y verificar colisiones
    function updateBullets() {
      bullets.forEach(function (bullet) {
        bullet.y -= 5;

// Verificar colisiones con enemigos
        enemies.forEach(function (enemy) {
          if (
            bullet.x < enemy.x + enemy.width &&
            bullet.x + bullet.width > enemy.x &&
            bullet.y < enemy.y + enemy.height &&
            bullet.y + bullet.height > enemy.y
          ) {
            // Colisión detectada, eliminar el enemigo y la bala
            enemies.splice(enemies.indexOf(enemy), 1);
            bullets.splice(bullets.indexOf(bullet), 1);
          }
        });

// Eliminar las balas que salgan del canvas
        if (bullet.y < 0) {
          bullets.splice(bullets.indexOf(bullet), 1);
        }
      });
    }

// Función de bucle principal para actualizar y dibujar el juego
    function gameLoop() {
      draw();
      updateBullets();
      requestAnimationFrame(gameLoop);
    }

// Controlar la pulsación de teclas y el toque en pantalla
    document.addEventListener("keydown", function (event) {
      if (event.keyCode === 37) { // Tecla de flecha izquierda
        movePlayer("left");
      } else if (event.keyCode === 39) { // Tecla de flecha derecha
        movePlayer("right");
      } else if (event.keyCode === 32) { // Tecla de espacio para disparar
        shoot();
      }
    });

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