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

No:20157

114

←

Prev Next

→

Chop the most eggs before your evil chicken does
Developer User8969｜Date and time 23/10/8 16:50:18
Build time 17.57 sec｜Game capacity 2.821KB｜

Script

Sure, here's a simple game where you can chop the most eggs before your evil chicken does. It's a basic implementation using JavaScript, HTML, and pictograms. Just save the following code as a single HTML file and open it in your web browser to play the game. Enjoy!

Chop Those Eggs!

Score: 0

Please make sure to have two image files in the same directory as the HTML file: `emozi_all/egg.png` and `emozi_all/chicken.png`. The game starts automatically, and you can click on the eggs to chop them. However, if you click on the evil chicken, the game ends. The score is displayed at the top, and new eggs will keep appearing every second.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Chop Those Eggs!</title>
  <style>
    body {
      text-align: center;
    }
    #score {
      font-size: 24px;
      font-weight: bold;
      margin-bottom: 20px;
    }
    .egg {
      display: inline-block;
      width: 50px;
      height: 70px;
      background-image: url('egg.png');
      background-size: contain;
      background-repeat: no-repeat;
      cursor: pointer;
    }
    #evil-chicken {
      display: inline-block;
      width: 100px;
      height: 100px;
      background-image: url('evil_chicken.png');
      background-size: contain;
      background-repeat: no-repeat;
      cursor: pointer;
      margin: 20px;
    }
  </style>
</head>
<body>
  <h1>Chop Those Eggs!</h1>
  <div id="score">Score: 0</div>
  
  <div id="game-container">
    <div id="evil-chicken"></div>
  </div>
  
  <script>
    // Variables
    var score = 0;
    var gameContainer = document.getElementById('game-container');
    var scoreElement = document.getElementById('score');
    
    // Event listener for clicking on eggs
    gameContainer.addEventListener('click', function(e) {
      if (e.target.classList.contains('egg')) {
        e.target.remove();
        score++;
        scoreElement.textContent = 'Score: ' + score;
      }
    });
    
    // Event listener for clicking on evil chicken
    document.getElementById('evil-chicken').addEventListener('click', function() {
      alert('Game Over! Your evil chicken wins!');
    });
    
    // Function to generate random position for eggs
    function generateRandomPosition() {
      var x = Math.floor(Math.random() * (window.innerWidth - 50));
      var y = Math.floor(Math.random() * (window.innerHeight - 70));
      return { x: x, y: y };
    }
    
    // Function to create eggs at random positions
    function createEggs() {
      var egg = document.createElement('div');
      egg.classList.add('egg');
      var position = generateRandomPosition();
      egg.style.left = position.x + 'px';
      egg.style.top = position.y + 'px';
      gameContainer.appendChild(egg);
    }
    
    // Start the game
    setInterval(createEggs, 1000); // Create eggs every 1 second
  </script>
</body>
</html>
```

Please make sure to have two image files in the same directory as the HTML file: `egg.png` and `evil_chicken.png`. The game starts automatically, and you can click on the eggs to chop them. However, if you click on the evil chicken, the game ends. The score is displayed at the top, and new eggs will keep appearing every second.