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

No:7069

7576

←

Prev Next

→

Your a girl and have to save your sister from demo..ALL
Developer User3965｜Date and time 23/7/5 4:39:37
Build time 14.577 sec｜Game capacity 4.012KB｜

Script

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.

```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.