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

No:43790

113

←

Prev Next

→

HAY DAY
Developer User19279｜Date and time 24/2/16 21:39:52
Build time 10.301 sec｜Game capacity 2.707KB｜

Script

Sure! Here's a simple game inspired by Hay Day that you can play in a web browser:

Hay Day Game!

Score: 0

When you run this code in a web browser, it will display a game where pictograms of different items (like apples, carrots, wheat, cows, and chickens) appear randomly on the screen. Your goal is to click on as many pictograms as possible within the given time limit. Each click adds to your score. The game will keep track of your score and display it at the top. Note: Due to the limitations of text-based communication, the actual pictograms may not display correctly here. But when you run the code in a web browser, they should appear properly.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple game inspired by Hay Day that you can play in a web browser:

```html
<!doctype html>
<html>
<head>
  <title>Hay Day Game</title>
  <style>
    body {
      text-align: center;
      font-family: Arial, sans-serif;
    }
    
    #title {
      font-size: 30px;
      margin-bottom: 20px;
    }
    
    #score {
      font-size: 20px;
      margin-bottom: 10px;
    }
    
    #game {
      margin: 0 auto;
      width: 300px;
      height: 400px;
      border: 1px solid #000;
      position: relative;
    }
    
    .pictogram {
      position: absolute;
      width: 50px;
      height: 50px;
      background-repeat: no-repeat;
      background-size: contain;
    }
  </style>
</head>
<body>
  <h1 id="title">Hay Day Game!</h1>
  <div id="score">Score: 0</div>
  <div id="game"></div>

// Game variables
    var score = 0;
    var gameDiv = document.getElementById('game');

function getRandomPictogram() {
      var keys = Object.keys(pictograms);
      return pictograms[keys[Math.floor(Math.random() * keys.length)]];
    }

function updateScore() {
      document.getElementById('score').textContent = 'Score: ' + score;
    }

function createPictogram() {
      var pictogram = document.createElement('div');
      pictogram.classList.add('pictogram');
      pictogram.style.left = Math.random() * (gameDiv.offsetWidth - pictogram.offsetWidth) + 'px';
      pictogram.style.top = Math.random() * (gameDiv.offsetHeight - pictogram.offsetHeight) + 'px';
      pictogram.innerHTML = getRandomPictogram();
      gameDiv.appendChild(pictogram);

pictogram.addEventListener('click', function() {
        score++;
        gameDiv.removeChild(pictogram);
        updateScore();
      });

setTimeout(function() {
        gameDiv.removeChild(pictogram);
      }, 3000);
    }

function startGame() {
      setInterval(createPictogram, 1000);
    }

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

Note: Due to the limitations of text-based communication, the actual pictograms may not display correctly here. But when you run the code in a web browser, they should appear properly.