Un juego donde seamos un cerdo y tenemos que ser un humano recolectando 7 objetos en lugares aleatorios, órgano,piel humana,hamburguesa,pizza,papas fritas,pan,celular,una vez recolectado todos los objetos,lo ponemos en un caldero y tomamos una botella la tomamos y nos convertimos en humanos y ganamos.'s game

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

No:40748

←

Prev Next

→

Un juego donde seamos un cerdo y tenemos que ser u..ALL
Developer User18058｜Date and time 24/2/4 2:43:13
Build time 15.692 sec｜Game capacity 4.998KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
  <head>
    <title>Juego del cerdo buscando mama🥚adas</title>
    <style>
      body {
        margin: 0;
        padding: 0;
        overflow: hidden;
      }

canvas {
        display: block;
      }
    </style>
  </head>
  <body>
    <canvas id="gameCanvas"></canvas>

// Tamaño del canvas
      canvas.width = window.innerWidth;
      canvas.height = window.innerHeight;

// Cerdito
      var cerdito = {
        x: 50,
        y: canvas.height / 2,
        width: 50,
        height: 50,
        speed: 5,
      };

// Objetos
      var objetos = [
        {
          nombre: "órgano",
          x: getRandomPosition(),
          y: getRandomPosition(),
          width: 40,
          height: 40,
          aparecido: false,
        },
        {
          nombre: "piel humana",
          x: getRandomPosition(),
          y: getRandomPosition(),
          width: 40,
          height: 40,
          aparecido: false,
        },
        {
          nombre: "hamburguesa",
          x: getRandomPosition(),
          y: getRandomPosition(),
          width: 40,
          height: 40,
          aparecido: false,
        },
        {
          nombre: "pizza",
          x: getRandomPosition(),
          y: getRandomPosition(),
          width: 40,
          height: 40,
          aparecido: false,
        },
        {
          nombre: "papas fritas",
          x: getRandomPosition(),
          y: getRandomPosition(),
          width: 40,
          height: 40,
          aparecido: false,
        },
        {
          nombre: "pan",
          x: getRandomPosition(),
          y: getRandomPosition(),
          width: 40,
          height: 40,
          aparecido: false,
        },
        {
          nombre: "celular",
          x: getRandomPosition(),
          y: getRandomPosition(),
          width: 40,
          height: 40,
          aparecido: false,
        },
      ];

// Game loop
      function gameLoop() {
        update();
        draw();

requestAnimationFrame(gameLoop);
      }

// Actualizar posiciones
      function update() {
        // Movimiento del cerdito
        if (keys.ArrowUp && cerdito.y > 0) {
          cerdito.y -= cerdito.speed;
        }
        if (keys.ArrowDown && cerdito.y < canvas.height - cerdito.height) {
          cerdito.y += cerdito.speed;
        }
        if (keys.ArrowLeft && cerdito.x > 0) {
          cerdito.x -= cerdito.speed;
        }
        if (keys.ArrowRight && cerdito.x < canvas.width - cerdito.width) {
          cerdito.x += cerdito.speed;
        }

// Colisión con objetos
        for (var i = 0; i < objetos.length; i++) {
          if (
            cerdito.x < objetos[i].x + objetos[i].width &&
            cerdito.x + cerdito.width > objetos[i].x &&
            cerdito.y < objetos[i].y + objetos[i].height &&
            cerdito.y + cerdito.height > objetos[i].y &&
            objetos[i].aparecido
          ) {
            objetos[i].aparecido = false;
            console.log("Has recolectado: " + objetos[i].nombre);
          }
        }

// Comprobación de victoria
        var objetosRecolectados = objetos.filter(function (objeto) {
          return !objeto.aparecido;
        });

if (objetosRecolectados.length === objetos.length) {
          console.log(
            "Has recolectado todos los objetos. ¡Ahora puedes convertirte en humano y ganar!"
          );
        }
      }

// Dibujar en canvas
      function draw() {
        // Fondo
        context.fillStyle = "#ddd";
        context.fillRect(0, 0, canvas.width, canvas.height);

// Cerdito
        context.fillStyle = "#fa5858";
        context.fillRect(cerdito.x, cerdito.y, cerdito.width, cerdito.height);

// Objetos
        for (var i = 0; i < objetos.length; i++) {
          if (objetos[i].aparecido) {
            context.fillStyle = "#5bc0de";
            context.fillRect(
              objetos[i].x,
              objetos[i].y,
              objetos[i].width,
              objetos[i].height
            );
          }
        }
      }

// Generar posición aleatoria
      function getRandomPosition() {
        return Math.floor(Math.random() * (canvas.width - 40));
      }

// Teclas
      var keys = {};

document.addEventListener("keydown", function (event) {
        keys[event.key] = true;
      });

document.addEventListener("keyup", function (event) {
        keys[event.key] = false;
      });

// Inicio del juego
      objetos.forEach(function (objeto) {
        objeto.aparecido = true;
      });

gameLoop();
    </script>
  </body>
</html>