You Are a Penguin. Catch the goats. Watch Out for Wolf's game | AI game creator

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

No:47773

50

You Are a Penguin. Catch the goats. Watch Out for ..ALL
Developer User20645｜Date and time 24/2/29 20:20:18
Build time 13.568 sec｜Game capacity 2.617KB｜

→ 　

0　

0　

　
　

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

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

(C)2023 HisashiApp

<!DOCTYPE html>
<html>
<head>
  <title>Penguin Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="800" height="600"></canvas>

<script>
    const canvas = document.getElementById('gameCanvas');
    const ctx = canvas.getContext('2d');
    
    const penguin = {
      x: 50,
      y: 300,
      speed: 5,
      width: 50,
      height: 50,
    };
    
    const goats = [];
    const goatSpeed = 3;
    
    const wolf = {
      x: 750,
      y: 300,
      speed: 2,
      width: 50,
      height: 50,
    };
    
    function drawPenguin() {
      ctx.fillStyle = 'blue';
      ctx.fillRect(penguin.x, penguin.y, penguin.width, penguin.height);
    }
    
    function drawGoats() {
      ctx.fillStyle = 'green';
      goats.forEach(goat => {
        ctx.fillRect(goat.x, goat.y, goat.width, goat.height);
      });
    }
    
    function drawWolf() {
      ctx.fillStyle = 'red';
      ctx.fillRect(wolf.x, wolf.y, wolf.width, wolf.height);
    }
    
    function moveGoats() {
      goats.forEach(goat => {
        goat.x -= goatSpeed;
      });
    }
    
    function moveWolf() {
      wolf.y += (Math.random() - 0.5) * wolf.speed;
    }
    
    function checkCollision() {
      goats.forEach((goat, index) => {
        if (goat.x <= penguin.x + penguin.width &&
            goat.x + goat.width >= penguin.x &&
            goat.y <= penguin.y + penguin.height &&
            goat.y + goat.height >= penguin.y) {
          goats.splice(index, 1);
        }
      });
      
      if (wolf.x <= penguin.x + penguin.width &&
          wolf.x + wolf.width >= penguin.x &&
          wolf.y <= penguin.y + penguin.height &&
          wolf.y + wolf.height >= penguin.y) {
        alert('Game Over! You were caught by the wolf.');
        location.reload();
      }
    }
    
    function gameLoop() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      
      drawPenguin();
      drawGoats();
      drawWolf();
      
      moveGoats();
      moveWolf();
      
      checkCollision();
      
      requestAnimationFrame(gameLoop);
    }
    
    function spawnGoat() {
      goats.push({
        x: canvas.width,
        y: Math.random() * (canvas.height - 50),
        width: 50,
        height: 50,
      });
    }
    
    setInterval(spawnGoat, 2000);
    
    document.addEventListener('keydown', e => {
      if (e.key === 'ArrowUp' && penguin.y > 0) {
        penguin.y -= penguin.speed;
      } else if (e.key === 'ArrowDown' && penguin.y < canvas.height - penguin.height) {
        penguin.y += penguin.speed;
      }
    });
    
    gameLoop();
    
  </script>
</body>
</html>