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

No:3955

1570

←

Prev Next

→

I am the mayor.
Developer User1006｜Date and time 23/6/27 0:41:00
Build time 7.127 sec｜Game capacity 0.605KB｜

Script

The AI could not be gamified with this prompt. Please try again with different prompts. .
Displays games created by AI in the past at random.

Sure! Here's a simple interactive game implemented as a single HTML file using JavaScript. Please note that this is just a basic example and can be expanded upon with more features and graphics if desired.

Save Your Sister from Demons

In this game, you control a girl represented by an image on a game board. Your goal is to reach your sister (represented by another image) while avoiding the demon (also represented by an image). You can use the arrow keys on a smartphone to move the girl on the game board. If the girl reaches the same position as the demon, the game is over and you receive an alert message. Please make sure to have three image files (`emozi_all/girl.png`, `emozi_hamuster.png`, `emozi_dog.png`) in the same directory as your HTML file to display the pictograms properly.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<p style='font-size:14px;background-color:#FF0'>The AI could not be gamified with this prompt. Please try again with different prompts. . <br>Displays games created by AI in the past at random.</p>Sure! Here's a simple interactive game implemented as a single HTML file using JavaScript. Please note that this is just a basic example and can be expanded upon with more features and graphics if desired.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Save Your Sister from Demons</title>
    <style>
        body {
            text-align: center;
        }
        #gameboard {
            display: inline-block;
        }
        img {
            height: 100px;
            width: 100px;
            margin: 5px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>Save Your Sister from Demons</h1>
    <div id="gameboard">
        <img src="girl.png" alt="Girl" id="girl" onclick="move('girl')">
    </div>

// Initial position of the girl and demon
        let girlPosition = { x: 0, y: 0 };
        let demonPosition = { x: Math.floor(Math.random() * boardWidth), y: Math.floor(Math.random() * boardHeight) };

// Update the game board with new positions
        function updateGameBoard() {
            const gameBoard = document.getElementById('gameboard');
            gameBoard.innerHTML = '';

for (let y = 0; y < boardHeight; y++) {
                for (let x = 0; x < boardWidth; x++) {
                    if (girlPosition.x === x && girlPosition.y === y) {
                        const girlImg = document.createElement('img');
                        girlImg.src = 'girl.png';
                        gameBoard.appendChild(girlImg);
                    } else if (demonPosition.x === x && demonPosition.y === y) {
                        const demonImg = document.createElement('img');
                        demonImg.src = 'demon.png';
                        gameBoard.appendChild(demonImg);
                    } else {
                        const emptySlot = document.createElement('img');
                        emptySlot.src = 'empty.png';
                        gameBoard.appendChild(emptySlot);
                    }
                }
                gameBoard.appendChild(document.createElement('br'));
            }
        }

// Move the girl based on arrow key input
        function move(direction) {
            const previousPosition = { x: girlPosition.x, y: girlPosition.y };

switch (direction) {
                case 'ArrowUp':
                    girlPosition.y = Math.max(0, girlPosition.y - 1);
                    break;
                case 'ArrowDown':
                    girlPosition.y = Math.min(boardHeight - 1, girlPosition.y + 1);
                    break;
                case 'ArrowLeft':
                    girlPosition.x = Math.max(0, girlPosition.x - 1);
                    break;
                case 'ArrowRight':
                    girlPosition.x = Math.min(boardWidth - 1, girlPosition.x + 1);
                    break;
            }

if (girlPosition.x === demonPosition.x && girlPosition.y === demonPosition.y) {
                alert('Game Over! Your sister has been captured by the demon.');
                // You can add more game over logic here or restart the game.
            }

updateGameBoard();
        }

// Start the game
        updateGameBoard();
        window.addEventListener('keydown', function(event) {
            move(event.key);
        });
    </script>
</body>
</html>
```

Please make sure to have three image files (`girl.png`, `demon.png`, `empty.png`) in the same directory as your HTML file to display the pictograms properly.