Finally defeat your evil chicken in a Fighting game aesthetic While giant eggs are falling off the background's game

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

No:20159

100

←

Prev Next

→

Finally defeat your evil chicken in a Fighting gam..ALL
Developer User8969｜Date and time 23/10/8 16:54:55
Build time 34.611 sec｜Game capacity 5.321KB｜

Script

Sure! Here's a simple game implemented as a single HTML file using JavaScript. It features a fighting game aesthetic where you play as a character trying to defeat an evil chicken, while giant eggs fall off the background. The game is designed for smartphone operation and uses pictograms for visuals.

To play the game: 1. Copy the above code into a new HTML file. 2. Save the file with a ".html" extension. 3. Open the file in a web browser on your smartphone. 4. Use touch gestures to control the player character and avoid the falling eggs. 5. Try to defeat the evil chicken while collecting as many eggs as possible. 6. If the player collides with an egg, the score increases. If the player collides with the evil chicken, it's game over. 7. After game over, an alert will show displaying your score. You can then start a new game by closing the alert. Enjoy playing the game and defeating the evil chicken!

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Fight the Evil Chicken!</title>
  <style>
    canvas {
      border: 1px solid black;
      display: block;
      margin: 0 auto;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

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

player = {
        x: 180,
        y: 350,
        width: 40,
        height: 40,
        color: "blue",
        speed: 5
      };

evilChicken = {
        x: 180,
        y: 40,
        width: 80,
        height: 80,
        color: "red",
        speed: 2
      };

canvas.addEventListener("touchstart", handleTouchStart);
      canvas.addEventListener("touchmove", handleTouchMove);

setInterval(gameLoop, 1000 / 60); // 60 FPS
    }

// Handle touch events
    function handleTouchStart(event) {
      var touchX = event.touches[0].clientX;
      player.speed = touchX < canvas.width / 2 ? -5 : 5;
    }

function handleTouchMove(event) {
      event.preventDefault();
      var touchX = event.touches[0].clientX;
      player.x = touchX - player.width / 2;
    }

// Game loop
    function gameLoop() {
      clearCanvas();
      updateObjects();
      drawObjects();
      detectCollisions();
    }

// Clear the canvas
    function clearCanvas() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
    }

// Update game objects
    function updateObjects() {
      evilChicken.x += evilChicken.speed;

if (evilChicken.x + evilChicken.width > canvas.width || evilChicken.x < 0) {
        evilChicken.speed *= -1;
      }

player.x += player.speed;

// Prevent player from moving off the screen
      if (player.x < 0) {
        player.x = 0;
      }

if (player.x + player.width > canvas.width) {
        player.x = canvas.width - player.width;
      }

// Update falling eggs
      for (var i = 0; i < eggs.length; i++) {
        eggs[i].y += eggs[i].speed;

// Remove eggs from the screen once they reach the bottom
        if (eggs[i].y > canvas.height) {
          eggs.splice(i, 1);
          i--;
        }
      }

// Generate new eggs randomly
      if (Math.random() < 0.02) {
        eggs.push({
          x: Math.random() * (canvas.width - 20),
          y: 0,
          width: 20,
          height: 20,
          color: "yellow",
          speed: Math.random() * 3 + 1 // Random speed between 1 and 4
        });
      }
    }

// Draw game objects
    function drawObjects() {
      drawRectangle(player.x, player.y, player.width, player.height, player.color);

drawRectangle(evilChicken.x, evilChicken.y, evilChicken.width, evilChicken.height, evilChicken.color);

for (var i = 0; i < eggs.length; i++) {
        drawRectangle(eggs[i].x, eggs[i].y, eggs[i].width, eggs[i].height, eggs[i].color);
      }

ctx.fillStyle = "black";
      ctx.font = "20px Arial";
      ctx.fillText("Score: " + score, 10, 30);
    }

// Draw a rectangular object
    function drawRectangle(x, y, width, height, color) {
      ctx.fillStyle = color;
      ctx.fillRect(x, y, width, height);
    }

// Detect collisions between player and eggs
    function detectCollisions() {
      for (var i = 0; i < eggs.length; i++) {
        if (
          player.x < eggs[i].x + eggs[i].width &&
          player.x + player.width > eggs[i].x &&
          player.y < eggs[i].y + eggs[i].height &&
          player.y + player.height > eggs[i].y
        ) {
          eggs.splice(i, 1);
          i--;
          score++;
        }
      }

// Detect collision between player and evil chicken
      if (
        player.x < evilChicken.x + evilChicken.width &&
        player.x + player.width > evilChicken.x &&
        player.y < evilChicken.y + evilChicken.height &&
        player.y + player.height > evilChicken.y
      ) {
        gameOver();
      }
    }

// Game over
    function gameOver() {
      alert("Game Over! Your score: " + score);
      score = 0;
      player.x = 180;
      player.y = 350;
      evilChicken.x = 180;
      evilChicken.y = 40;
      eggs = [];
    }

// Start the game
    init();
  </script>
</body>
</html>
```

To play the game:

1. Copy the above code into a new HTML file.
2. Save the file with a ".html" extension.
3. Open the file in a web browser on your smartphone.
4. Use touch gestures to control the player character and avoid the falling eggs.
5. Try to defeat the evil chicken while collecting as many eggs as possible.
6. If the player collides with an egg, the score increases. If the player collides with the evil chicken, it's game over.
7. After game over, an alert will show displaying your score. You can then start a new game by closing the alert.

Enjoy playing the game and defeating the evil chicken!