Un shooter dónde un gato busca venganza de los ladrones que mataron a su dueño's game

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

No:27700

←

Prev Next

→

Un shooter dónde un gato busca venganza de los lad..ALL
Developer User13764｜Date and time 23/12/8 9:43:15
Build time 37.076 sec｜Game capacity 5.308KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <script>
    // Definición de variables
    var canvas;
    var context;
    var cat;
    var bullets;
    var enemies;
    var score;
    var isGameOver;

// Inicialización del juego
    function startGame() {
      canvas = document.getElementById("gameCanvas");
      context = canvas.getContext("2d");
      cat = new Cat(canvas.width / 2, canvas.height - 100);
      bullets = [];
      enemies = [];
      score = 0;
      isGameOver = false;

// Crear enemigos
      setInterval(function() {
        var enemy = new Enemy(Math.random() * canvas.width, 0);
        enemies.push(enemy);
      }, 2000);

// Detectar eventos de teclado
      document.addEventListener("keydown", keyDownHandler, false);
      document.addEventListener("keyup", keyUpHandler, false);

// Actualizar y dibujar el juego
      setInterval(updateGame, 20);
    }

// Clase del gato
    function Cat(x, y) {
      this.x = x;
      this.y = y;
      this.speedX = 0;

// Actualizar posición del gato
      this.update = function() {
        this.x += this.speedX;

// Limitar movimiento del gato dentro del canvas
        if (this.x < 0) {
          this.x = 0;
        }
        if (this.x > canvas.width - 50) {
          this.x = canvas.width - 50;
        }
      };

// Dibujar el gato
      this.draw = function() {
        var catImg = new Image();
        catImg.src = "cat.png";
        context.drawImage(catImg, this.x, this.y, 50, 50);
      };
    }

// Clase de las balas
    function Bullet(x, y) {
      this.x = x;
      this.y = y;
      this.speedY = -5;

// Actualizar posición de las balas
      this.update = function() {
        this.y += this.speedY;
      };

// Dibujar las balas
      this.draw = function() {
        var bulletImg = new Image();
        bulletImg.src = "bullet.png";
        context.drawImage(bulletImg, this.x, this.y, 10, 20);
      };
    }

// Clase de los enemigos
    function Enemy(x, y) {
      this.x = x;
      this.y = y;
      this.speedY = 2;

// Actualizar posición de los enemigos
      this.update = function() {
        this.y += this.speedY;
      };

// Dibujar los enemigos
      this.draw = function() {
        var enemyImg = new Image();
        enemyImg.src = "enemy.png";
        context.drawImage(enemyImg, this.x, this.y, 50, 50);
      };
    }

// Lógica para manejar las teclas presionadas
    function keyDownHandler(event) {
      if (event.keyCode === 37) {
        cat.speedX = -2; // Mover hacia la izquierda
      } else if (event.keyCode === 39) {
        cat.speedX = 2; // Mover hacia la derecha
      } else if (event.keyCode === 32) {
        // Disparar una bala
        var bullet = new Bullet(cat.x + 20, cat.y);
        bullets.push(bullet);
      }
    }

// Lógica para manejar las teclas levantadas
    function keyUpHandler(event) {
      if (event.keyCode === 37 || event.keyCode === 39) {
        cat.speedX = 0; // Detener el movimiento horizontal
      }
    }

// Función para actualizar el juego en cada frame
    function updateGame() {
      // Limpiar el canvas
      context.clearRect(0, 0, canvas.width, canvas.height);

// Actualizar y dibujar el gato
      cat.update();
      cat.draw();

// Actualizar y dibujar las balas
      for (var i = 0; i < bullets.length; i++) {
        bullets[i].update();
        bullets[i].draw();

// Eliminar las balas que salen del canvas
        if (bullets[i].y < 0) {
          bullets.splice(i, 1);
          i--;
        }
      }

// Actualizar y dibujar los enemigos
      for (var i = 0; i < enemies.length; i++) {
        enemies[i].update();
        enemies[i].draw();

// Comprobar colisiones entre las balas y los enemigos
        for (var j = 0; j < bullets.length; j++) {
          if (
            bullets[j].x > enemies[i].x &&
            bullets[j].x < enemies[i].x + 50 &&
            bullets[j].y > enemies[i].y &&
            bullets[j].y < enemies[i].y + 50
          ) {
            // Incrementar la puntuación y eliminar la bala y el enemigo
            score++;
            bullets.splice(j, 1);
            j--;
            enemies.splice(i, 1);
            i--;

if (score >= 10) {
              // Mostrar mensaje de juego terminado si el jugador alcanza una puntuación de 10
              isGameOver = true;
            }
          }
        }

// Comprobar colisiones entre el gato y los enemigos
        if (
          cat.x < enemies[i].x + 50 &&
          cat.x + 50 > enemies[i].x &&
          cat.y < enemies[i].y + 50 &&
          cat.y + 50 > enemies[i].y
        ) {
          // Mostrar mensaje de juego terminado si el gato colisiona con un enemigo
          isGameOver = true;
        }
      }

// Mostrar puntuación en el canvas
      context.font = "20px Arial";
      context.fillText("Puntuación: " + score, 10, 30);

// Mostrar mensaje de juego terminado si corresponde
      if (isGameOver) {
        context.fillText("¡Juego terminado!", canvas.width / 2 - 100, canvas.height / 2);
        return;
      }
    }
  </script>
</head>
<body onload="startGame()">
  <canvas id="gameCanvas" width="400" height="600"></canvas>
</body>
</html>