A game where you have to collect 5 objects and each five nights it's gets harder and need to find mor objects and hide from the monster's game

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

No:16433

114

←

Prev Next

→

A game where you have to collect 5 objects and eac..ALL
Developer User6337｜Date and time 23/9/18 4:41:31
Build time 32.543 sec｜Game capacity 4.077KB｜

Script

Sure! Here's a simple game where you have to collect 5 objects while hiding from a monster. The game gets progressively harder every five nights. It's designed for smartphone operation and uses pictograms as requested. Note that this is a basic implementation and you can extend it further to make it more enjoyable.

To play the game, simply copy the code above into a new HTML file and open it in a web browser on your smartphone or computer. Use arrow keys to move the player and collect objects while avoiding the monster. You win when you collect all 5 objects, and you lose if the monster catches you. Every five nights, the game becomes harder with more objects to collect and a faster monster. Good luck!

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Collect Objects: Hide from Monster</title>
    <style>
      #gameArea {
        width: 100%;
        height: 400px;
        border: 1px solid black;
        display: flex;
        justify-content: center;
        align-items: center;
      }
      img {
        width: 50px;
        height: 50px;
      }
    </style>
  </head>
  <body>
    <div id="gameArea"></div>

// Game variables
      let playerPosition = { x: 0, y: 0 };
      let objectsCollected = 0;
      let nightsSurvived = 0;
      let monsterPosition = generateRandomPosition();

function startGame() {
        document.addEventListener('keydown', movePlayer);
        gameLoop();
      }

function gameLoop() {
        clearGameArea();
        updateGameArea();

if (objectsCollected === 5) {
          endGame(true);
        } else if (isPlayerCaught()) {
          endGame(false);
        } else {
          setTimeout(gameLoop, 1000);
        }
      }

function movePlayer(e) {
        const { x, y } = playerPosition;

switch (e.key) {
          case 'ArrowUp':
            playerPosition = { x, y: y - 1 };
            break;
          case 'ArrowDown':
            playerPosition = { x, y: y + 1 };
            break;
          case 'ArrowLeft':
            playerPosition = { x: x - 1, y };
            break;
          case 'ArrowRight':
            playerPosition = { x: x + 1, y };
            break;
        }
      }

function updateGameArea() {
        const gameArea = document.getElementById('gameArea');

if (monsterPosition.x === playerPosition.x && monsterPosition.y === playerPosition.y) {
          gameArea.innerHTML += `<img src="${monsterImg}" alt="Monster">`;
        } else {
          gameArea.innerHTML += `<img src="${playerImg}" alt="Player">`;
        }

if (objectsCollected < 5) {
          gameArea.innerHTML += `<img src="${objectImg}" alt="Object">`;
        }
      }

function clearGameArea() {
        document.getElementById('gameArea').innerHTML = '';
      }

function isPlayerCaught() {
        return monsterPosition.x === playerPosition.x && monsterPosition.y === playerPosition.y;
      }

function endGame(won) {
        clearGameArea();
        document.removeEventListener('keydown', movePlayer);

if (won) {
          alert('Congratulations! You collected all the objects and survived!');
        } else {
          alert('You were caught by the monster! Game over.');
        }

if (nightsSurvived === 4) {
          resetGame();
          alert('The game gets harder now. More objects to collect and a faster monster!');
        }

nightsSurvived++;
        objectsCollected = 0;
        monsterPosition = generateRandomPosition();
        startGame();
      }

function generateRandomPosition() {
        return {
          x: Math.floor(Math.random() * 10),
          y: Math.floor(Math.random() * 5),
        };
      }

function resetGame() {
        nightsSurvived = 0;
      }

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