Un juego donde somos un perro y luchamos con 3 gatos,una vez derrotados nos van a dar unas croquetas, después tendremos que comerlas,y listo ganamos's game

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

No:40264

←

Prev Next

→

Un juego donde somos un perro y luchamos con 3 gat..ALL
Developer User18058｜Date and time 24/2/2 7:14:18
Build time 13.049 sec｜Game capacity 3.578KB｜

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 Pelea de Perros</title>
    <style>
      canvas {
        border: 1px solid black;
      }
    </style>
  </head>
  <body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    
    <script>
      // Inicialización del juego
      var canvas = document.getElementById("gameCanvas");
      var ctx = canvas.getContext("2d");
      
      // Imágenes de los personajes
      var dogImg = new Image();
      dogImg.src = "dog.png";
      
      var catImg = new Image();
      catImg.src = "cat.png";
      
      var foodImg = new Image();
      foodImg.src = "food.png";
      
      // Posiciones iniciales de los personajes
      var dogX = canvas.width / 2;
      var dogY = canvas.height - 50;
      
      var cats = [
        { x: 50, y: 50 },
        { x: 150, y: 50 },
        { x: 250, y: 50 }
      ];
      
      var foodX = canvas.width / 2;
      var foodY = 50;
      
      // Estado del juego
      var defeatedCats = 0;
      var gameWon = false;
      
      // Control del perro
      var movingLeft = false;
      var movingRight = false;
      
      document.addEventListener("keydown", keyDownHandler);
      document.addEventListener("keyup", keyUpHandler);
      
      function keyDownHandler(event) {
        if (event.key === "ArrowLeft") {
          movingLeft = true;
        } else if (event.key === "ArrowRight") {
          movingRight = true;
        }
      }
      
      function keyUpHandler(event) {
        if (event.key === "ArrowLeft") {
          movingLeft = false;
        } else if (event.key === "ArrowRight") {
          movingRight = false;
        }
      }
      
      // Actualización de la posición del perro
      function updateDogPosition() {
        if (movingLeft && dogX > 0) {
          dogX -= 5;
        } else if (movingRight && dogX < canvas.width - 50) {
          dogX += 5;
        }
      }
      
      // Colisión entre el perro y los gatos
      function checkCollision() {
        for (var i = 0; i < cats.length; i++) {
          var cat = cats[i];
          
          if (
            dogX < cat.x + 50 &&
            dogX + 50 > cat.x &&
            dogY < cat.y + 50 &&
            dogY + 50 > cat.y
          ) {
            defeatedCats++;
            cats.splice(i, 1);
            
            if (defeatedCats === 3) {
              gameWon = true;
            }
          }
        }
      }
      
      // Dibujado de los elementos del juego
      function draw() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        
        // Dibujado del perro
        ctx.drawImage(dogImg, dogX, dogY, 50, 50);
        
        // Dibujado de los gatos restantes
        for (var i = 0; i < cats.length; i++) {
          var cat = cats[i];
          ctx.drawImage(catImg, cat.x, cat.y, 50, 50);
        }
        
        // Dibujado de las croquetas
        if (!gameWon) {
          ctx.drawImage(foodImg, foodX, foodY, 50, 50);
        }
        
        // Mostrar mensaje de victoria
        if (gameWon) {
          ctx.font = "30px Arial";
          ctx.fillText("¡Ganaste!", canvas.width / 2 - 70, canvas.height / 2);
        }
      }
      
      // Actualización y renderizado del juego
      function gameLoop() {
        if (!gameWon) {
          updateDogPosition();
          checkCollision();
          draw();
          requestAnimationFrame(gameLoop);
        }
      }
      
      // Inicio del juego
      dogImg.onload = function() {
        gameLoop();
      };
    </script>
  </body>
</html>