It's raining corn play as a troll and try to get the corn beware of the evil corn Meteors's game

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

No:20162

220

←

Prev Next

→

It's raining corn play as a troll and try to get t..ALL
Developer User8969｜Date and time 23/10/8 17:00:46
Build time 23.868 sec｜Game capacity 3.74KB｜

Script

Sure! Here's a simple game called "Troll and Corn" implemented as a single HTML file, containing JavaScript code enclosed in script tags:

To make this game work, you need to replace the `emozi_all/game.png` and `emozi_all/corn.png` with actual pictograms (images) that represent a troll and corn respectively. Additionally, you can customize the game by updating the styling and gameplay mechanics to your liking.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple game called "Troll and Corn" implemented as a single HTML file, containing JavaScript code enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    #game-board {
      width: 100vw;
      height: 100vh;
      background-color: #000;
      position: relative;
    }
    .troll,
    .corn {
      position: absolute;
      width: 50px;
      height: 50px;
    }
    .troll {
      background-image: url('troll.png'); /* Replace with actual troll pictogram */
    }
    .corn {
      background-image: url('corn.png'); /* Replace with actual corn pictogram */
    }
    .meteor {
      position: absolute;
      width: 20px;
      height: 20px;
      background-color: red;
      border-radius: 50%;
    }
  </style>
</head>
<body>
  <div id="game-board"></div>

// Initialize game
    function init() {
      score = 0;
      troll = createTroll();
      corn = createCorn();
      meteors = [];

gameBoard.appendChild(troll);
      gameBoard.appendChild(corn);

setInterval(createMeteor, 1000); // Create a new meteor every 1 second
      setInterval(updateGame, 50); // Update game every 50 milliseconds
    }

// Create a troll
    function createTroll() {
      var troll = document.createElement('div');
      troll.className = 'troll';
      troll.style.top = '50%';
      troll.style.left = '0';
      return troll;
    }

// Create a corn
    function createCorn() {
      var corn = document.createElement('div');
      corn.className = 'corn';
      corn.style.top = Math.floor(Math.random() * 90) + '%';
      corn.style.left = '95%';
      return corn;
    }

// Create a meteor
    function createMeteor() {
      var meteor = document.createElement('div');
      meteor.className = 'meteor';
      meteor.style.top = Math.floor(Math.random() * 90) + '%';
      meteor.style.left = '50%';
      gameBoard.appendChild(meteor);
      meteors.push(meteor);
    }

// Move the troll
    function moveTroll(event) {
      var top = parseInt(troll.style.top) || 0;
      if (event.keyCode === 38 && top > 0) { // Up arrow
        troll.style.top = (top - 10) + '%';
      } else if (event.keyCode === 40 && top < gameBoard.offsetHeight - troll.offsetHeight) { // Down arrow
        troll.style.top = (top + 10) + '%';
      }
    }

// Update game
    function updateGame() {
      meteors.forEach(function(meteor) {
        var left = parseInt(meteor.style.left) || 0;
        meteor.style.left = (left - 5) + 'px';

if (collisionCheck(troll, meteor)) {
          gameOver();
        }
      });

if (collisionCheck(troll, corn)) {
        score++;
        corn.style.top = Math.floor(Math.random() * 90) + '%';
      }
    }

// Check for collision between two elements
    function collisionCheck(element1, element2) {
      var rect1 = element1.getBoundingClientRect();
      var rect2 = element2.getBoundingClientRect();

return !(rect1.right < rect2.left ||
               rect1.left > rect2.right ||
               rect1.bottom < rect2.top ||
               rect1.top > rect2.bottom);
    }

// Game over
    function gameOver() {
      alert('Game Over! Your score is: ' + score);
      window.location.reload();
    }

// Start game
    init();
    window.addEventListener('keydown', moveTroll);
  </script>
</body>
</html>
```

To make this game work, you need to replace the `troll.png` and `corn.png` with actual pictograms (images) that represent a troll and corn respectively. Additionally, you can customize the game by updating the styling and gameplay mechanics to your liking.