A boy is lost and must find his way back to earth. In this 2d game, you will escape from devils, befriend Angel's and more creatures are there that can be befriended or hunt you's game

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

No:20235

←

Prev Next

→

A boy is lost and must find his way back to earth...ALL
Developer User9000｜Date and time 23/10/9 0:51:49
Build time 24.397 sec｜Game capacity 5.846KB｜

Script

Sure! Here's a simple example of a game implemented as a single HTML file using JavaScript. Note that this is a basic implementation and can be expanded upon according to your specific requirements.

In this game, you control a lost boy's character represented by the 👦 emoji. Your objective is to escape from devils represented by 👿 emojis and befriend angels represented by 😇 emojis. To control the character, simply use the arrow keys on your smartphone. The game ends when you either befriend all angels or collide with a devil. This is a basic implementation, and you can enhance it further by adding levels, power-ups, additional creatures, and more.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple example of a game implemented as a single HTML file using JavaScript. Note that this is a basic implementation and can be expanded upon according to your specific requirements.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Lost Boy Game</title>
    <style>
        #game {
            width: 400px;
            height: 400px;
            border: 1px solid #000;
            position: relative;
        }
    </style>
</head>
<body>
    <div id="game"></div>

// Game Initialization
        function init() {
            drawPlayer();
            drawAngels();
            drawDevils();

document.addEventListener('keydown', movePlayer);
        }

// Draw Player
        function drawPlayer() {
            var game = document.getElementById('game');
            var playerDiv = createCharacter('👦', player.x, player.y, 'player');
            game.appendChild(playerDiv);
        }

// Draw Angels
        function drawAngels() {
            var game = document.getElementById('game');
            angels.forEach(function (angel, index) {
                var angelDiv = createCharacter('😇', angel.x, angel.y, 'angel-' + index);
                game.appendChild(angelDiv);
            });
        }

// Draw Devils
        function drawDevils() {
            var game = document.getElementById('game');
            devils.forEach(function (devil, index) {
                var devilDiv = createCharacter('👿', devil.x, devil.y, 'devil-' + index);
                game.appendChild(devilDiv);
            });
        }

// Create Character
        function createCharacter(emoji, x, y, id) {
            var characterDiv = document.createElement('div');
            characterDiv.innerText = emoji;
            characterDiv.style.position = 'absolute';
            characterDiv.style.left = x + 'px';
            characterDiv.style.top = y + 'px';
            characterDiv.id = id;

return characterDiv;
        }

// Move Player
        function movePlayer(e) {
            if (gameOver) {
                return;
            }

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

updatePlayerPosition();
            checkCollisions();
        }

// Update Player Position
        function updatePlayerPosition() {
            var playerDiv = document.getElementById('player');
            playerDiv.style.left = player.x + 'px';
            playerDiv.style.top = player.y + 'px';
        }

// Check Collisions
        function checkCollisions() {
            angels.forEach(function (angel, index) {
                var angelDiv = document.getElementById('angel-' + index);
                if (isColliding(player, angel)) {
                    angelDiv.innerText = '🙏';
                    angelDiv.classList.add('befriended');
                    befriended++;
                    checkWinCondition();
                }
            });

devils.forEach(function (devil, index) {
                var devilDiv = document.getElementById('devil-' + index);
                if (isColliding(player, devil)) {
                    devilDiv.innerText = '💀';
                    devilDiv.classList.add('hunted');
                    gameOver = true;
                    showMessage("Game Over");
                }
            });
        }

// Check if two characters are colliding
        function isColliding(character1, character2) {
            var dx = character1.x - character2.x;
            var dy = character1.y - character2.y;
            var distance = Math.sqrt(dx * dx + dy * dy);

return (distance < 30);
        }

// Check Win Condition
        function checkWinCondition() {
            if (befriended === angels.length) {
                gameOver = true;
                showMessage("You Win!");
            }
        }

// Show Message
        function showMessage(message) {
            var messageDiv = document.createElement('div');
            messageDiv.innerText = message;
            messageDiv.style.position = 'absolute';
            messageDiv.style.left = '50%';
            messageDiv.style.top = '50%';
            messageDiv.style.transform = 'translate(-50%, -50%)';
            messageDiv.style.fontSize = '30px';
            messageDiv.style.color = 'red';
            messageDiv.style.fontWeight = 'bold';

var game = document.getElementById('game');
            game.appendChild(messageDiv);
        }

// Start Game
        init();
    </script>
</body>
</html>
```

This is a basic implementation, and you can enhance it further by adding levels, power-ups, additional creatures, and more.