The game is about when you're a cannibal, and you are are a snack Every time you eat your fellow snacks crumbs, come out of them, and they scream their heart out.'s game

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

No:49996

←

Prev Next

→

The game is about when you're a cannibal, and you ..ALL
Developer User21217｜Date and time 24/3/7 13:35:33
Build time 7.333 sec｜Game capacity 1.971KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Cannibal Snack Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="800" height="600"></canvas>
  <script>
    const canvas = document.getElementById('gameCanvas');
    const ctx = canvas.getContext('2d');
    
    let playerX = 400;
    let playerY = 300;
    let crumbs = [];
    
    function drawPlayer() {
      ctx.fillStyle = 'red';
      ctx.fillRect(playerX, playerY, 50, 50);
    }
    
    function drawCrumbs() {
      crumbs.forEach(crumb => {
        ctx.fillStyle = 'brown';
        ctx.fillRect(crumb.x, crumb.y, 10, 10);
      });
    }
    
    function movePlayer(event) {
      switch(event.key) {
        case 'ArrowUp':
          playerY -= 10;
          break;
        case 'ArrowDown':
          playerY += 10;
          break;
        case 'ArrowLeft':
          playerX -= 10;
          break;
        case 'ArrowRight':
          playerX += 10;
          break;
      }
    }
    
    function eatCrumbs() {
      for (let i = 0; i < crumbs.length; i++) {
        if (playerX < crumbs[i].x + 10 && playerX + 50 > crumbs[i].x && playerY < crumbs[i].y + 10 && playerY + 50 > crumbs[i].y) {
          crumbs.splice(i, 1);
          alert('Yum! That was delicious!');
        }
      }
    }
    
    function screamHeartOut() {
      for (let i = 0; i < crumbs.length; i++) {
        if (playerX < crumbs[i].x + 10 && playerX + 50 > crumbs[i].x && playerY < crumbs[i].y + 10 && playerY + 50 > crumbs[i].y) {
          alert('AAAAAAAAAAHHHHH!!!');
        }
      }
    }
    
    function gameLoop() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      drawPlayer();
      drawCrumbs();
      eatCrumbs();
      screamHeartOut();
      requestAnimationFrame(gameLoop);
    }
    
    document.addEventListener('keydown', movePlayer);

for (let i = 0; i < 10; i++) {
      crumbs.push({x: Math.random() * 800, y: Math.random() * 600});
    }

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