Defeat your evil chicken now it has a chicken mech that shoots egg bombs's game

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

No:20158

146

←

Prev Next

→

Defeat your evil chicken now it has a chicken mech..ALL
Developer User8969｜Date and time 23/10/8 16:52:14
Build time 31.422 sec｜Game capacity 5.087KB｜

Script

Sure! Here's a simple game where you can defeat an evil chicken using a chicken mech that shoots egg bombs:

To make this game work, you need to create three pictogram assets for the player, chicken, and bomb, and replace the `emozi_all/game.png`, `emozi_all/chicken.png`, and `emozi_all/bomb.png` file paths in the code with the actual paths to your pictogram assets. The game involves moving the chicken mech up and down using the up and down arrow keys on your smartphone and shooting egg bombs by pressing the spacebar. You need to dodge the bombs and hit the evil chicken to score points. The game ends when a bomb hits the player. The score is displayed on the top left corner of the screen. Please note that for the pictograms to be displayed, ensure the file paths are correct, and the pictogram images are accessible from your HTML file's location.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

Sure! Here's a simple game where you can defeat an evil chicken using a chicken mech that shoots egg bombs:

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Defeat the Evil Chicken!</title>
</head>
<body>
  <canvas id="gameCanvas" width="600" height="400"></canvas>

// Pictogram assets
    const playerImgSrc = "player.png";
    const chickenImgSrc = "chicken.png";
    const bombImgSrc = "bomb.png";

// Game initialization
    function startGame() {
      canvas = document.getElementById("gameCanvas");
      ctx = canvas.getContext("2d");

player = new Player(50, canvas.height / 2);
      chicken = new Chicken(canvas.width - 100, canvas.height / 2);
      bombs = [];

isGameOver = false;
      score = 0;

// Event listeners for player controls
      document.addEventListener("keydown", handleKeyDown);
      document.addEventListener("keyup", handleKeyUp);

// Start the game loop
      setInterval(update, 20);
    }

// Player controls
    function handleKeyDown(event) {
      if (event.key === "ArrowUp") {
        player.moveUp();
      } else if (event.key === "ArrowDown") {
        player.moveDown();
      } else if (event.key === " ") {
        player.shootBomb();
      }
    }

function handleKeyUp(event) {
      if (event.key === "ArrowUp" || event.key === "ArrowDown") {
        player.stop();
      }
    }

// Game objects
    function Player(x, y) {
      this.x = x;
      this.y = y;
      this.speedY = 0;

const image = new Image();
      image.src = playerImgSrc;
      this.width = 50;
      this.height = 50;

this.moveUp = function() {
        this.speedY = -5;
      }

this.moveDown = function() {
        this.speedY = 5;
      }

this.stop = function() {
        this.speedY = 0;
      }

this.update = function() {
        this.y += this.speedY;

// Prevent player from moving out of the canvas
        if (this.y < 0) {
          this.y = 0;
        } else if (this.y + this.height > canvas.height) {
          this.y = canvas.height - this.height;
        }

ctx.drawImage(image, this.x, this.y, this.width, this.height);
      }
    }

function Chicken(x, y) {
      this.x = x;
      this.y = y;
      this.speedY = 2;

const image = new Image();
      image.src = chickenImgSrc;
      this.width = 70;
      this.height = 70;

this.update = function() {
        this.y += this.speedY;

// Reverse chicken's direction when reaching canvas boundaries
        if (this.y < 0 || this.y + this.height > canvas.height) {
          this.speedY = -this.speedY;
        }

ctx.drawImage(image, this.x, this.y, this.width, this.height);
      }
    }

function Bomb(x, y) {
      this.x = x;
      this.y = y;
      this.speedX = -4;
      this.width = 30;
      this.height = 30;

const image = new Image();
      image.src = bombImgSrc;

this.update = function() {
        this.x += this.speedX;

// Check for collision with player
        if (
          this.x < player.x + player.width &&
          this.x + this.width > player.x &&
          this.y < player.y + player.height &&
          this.y + this.height > player.y
        ) {
          gameOver();
          return;
        }

ctx.drawImage(image, this.x, this.y, this.width, this.height);
      }
    }

// Game loop
    function update() {
      if (!isGameOver) {
        ctx.clearRect(0, 0, canvas.width, canvas.height);

player.update();
        chicken.update();

// Create new bomb every 1 second
        if (Math.random() < 0.02) {
          const x = chicken.x - 20;
          const y = chicken.y + chicken.height / 2 - 15;
          bombs.push(new Bomb(x, y));
        }

bombs.forEach(function(bomb) {
          bomb.update();
        });

bombs = bombs.filter(function(bomb) {
          return bomb.x + bomb.width > 0;
        });

score++;
        ctx.fillText("Score: " + score, 10, 20);
      }
    }

function gameOver() {
      isGameOver = true;
      ctx.font = "30px Arial";
      ctx.fillText("Game Over", canvas.width / 2 - 80, canvas.height / 2);
    }

startGame();
  </script>
</body>
</html>
```

To make this game work, you need to create three pictogram assets for the player, chicken, and bomb, and replace the `player.png`, `chicken.png`, and `bomb.png` file paths in the code with the actual paths to your pictogram assets.

The game involves moving the chicken mech up and down using the up and down arrow keys on your smartphone and shooting egg bombs by pressing the spacebar. You need to dodge the bombs and hit the evil chicken to score points. The game ends when a bomb hits the player. The score is displayed on the top left corner of the screen.

Please note that for the pictograms to be displayed, ensure the file paths are correct, and the pictogram images are accessible from your HTML file's location.