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

No:16432

107

←

Prev Next

→

A game where you have to collect 5 objects and eac..ALL
Developer User6337｜Date and time 23/9/18 4:40:51
Build time 39.93 sec｜Game capacity 5.876KB｜

Script

Sure! Here's a rough implementation of the game you described using HTML and JavaScript. The game is called "Nightmare Collector." Please note that this is a basic version and you can customize and enhance it further based on your requirements.

Nightmare Collector

To play the game, simply open the HTML file in a web browser or run it in a web server. The game area will be displayed with the pictograms representing objects, the monster, and the player. Use the arrow keys to move the player and collect the objects while avoiding the monster. The game will get progressively harder with each night as you need to find more objects. If the monster catches you, it's game over. Happy collecting and hiding!

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Nightmare Collector</title>
</head>
<body>
    <h1>Nightmare Collector</h1>
    <div id="gameArea"></div>
    <div id="status"></div>

// Game variables
        let objectsCollected = 0;
        let nights = 1;

const gameArea = document.getElementById("gameArea");
        const status = document.getElementById("status");

// Generate a random position on the game area
        function generateRandomPosition() {
            const x = Math.floor(Math.random() * 90) + 5; // Random x-coordinate between 5 and 95
            const y = Math.floor(Math.random() * 60) + 5; // Random y-coordinate between 5 and 65
            return { x, y };
        }

// Generate objects in random positions
        function generateObjects(numObjects) {
            for (let i = 0; i < numObjects; i++) {
                const objectPosition = generateRandomPosition();
                gameArea.innerHTML += `<span id="object${i}" class="object" style="left: ${objectPosition.x}%; top: ${objectPosition.y}%;">${pictograms.object}</span>`;
            }
        }

// Generate the monster in a random position
        function generateMonster() {
            const monsterPosition = generateRandomPosition();
            gameArea.innerHTML += `<span id="monster" class="monster" style="left: ${monsterPosition.x}%; top: ${monsterPosition.y}%;">${pictograms.monster}</span>`;
        }

// Generate the player in a fixed position
        function generatePlayer() {
            gameArea.innerHTML += `<span id="player" class="player">${pictograms.player}</span>`;
        }

// Move the player based on arrow key presses
        document.addEventListener("keydown", function (event) {
            const player = document.getElementById("player");
            let x = player.offsetLeft;
            let y = player.offsetTop;

if (event.key === "ArrowUp" && y > 10) {
                y -= 5;
            } else if (event.key === "ArrowDown" && y < 85) {
                y += 5;
            } else if (event.key === "ArrowLeft" && x > 0) {
                x -= 5;
            } else if (event.key === "ArrowRight" && x < 95) {
                x += 5;
            }

player.style.left = x + "%";
            player.style.top = y + "%";

checkCollisions();
        });

// Check for collisions between player, objects, and monster
        function checkCollisions() {
            const player = document.getElementById("player");
            const objects = document.getElementsByClassName("object");
            const monster = document.getElementById("monster");

// Check for object collection
            for (let i = 0; i < objects.length; i++) {
                if (isColliding(player, objects[i])) {
                    objects[i].style.display = "none";
                    objectsCollected++;
                    status.innerText = `Objects collected: ${objectsCollected}`;

// Check for game completion
                    if (objectsCollected === 5) {
                        status.innerText = "Congratulations! You collected all the objects!";
                        nights++;
                        objectsCollected = 0;
                        gameArea.innerHTML = "";
                        setTimeout(startGame, 3000); // Wait for 3 seconds before starting the next level
                    }

break;
                }
            }

// Check for monster encounter
            if (isColliding(player, monster)) {
                status.innerText = "Game Over! The monster caught you!"
                nights = 1;
                objectsCollected = 0;
                gameArea.innerHTML = "";
                setTimeout(startGame, 3000); // Wait for 3 seconds before restarting the game
            }
        }

// Check if two elements are colliding
        function isColliding(element1, element2) {
            const rect1 = element1.getBoundingClientRect();
            const rect2 = element2.getBoundingClientRect();
            return !(rect1.right < rect2.left ||
                     rect1.left > rect2.right ||
                     rect1.bottom < rect2.top ||
                     rect1.top > rect2.bottom);
        }

// Start the game
        function startGame() {
            status.innerText = `Night ${nights}`;
            generateObjects(5 + nights);
            generateMonster();
            generatePlayer();
        }

// Initial game setup
        startGame();
    </script>

.object, .monster, .player {
            position: absolute;
            font-size: 30px;
        }

.player {
            color: green;
        }
    </style>
</body>
</html>
```