AI game creator

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

No:41193

←

Prev Next

→

Map simulator
Developer User18485｜Date and time 24/2/6 13:08:40
Build time 10.673 sec｜Game capacity 3.15KB｜

Script

Sure! Here's a basic implementation of a map simulator game using JavaScript and pictograms. You can copy and paste the code below into a single HTML file, save it, and open it on your smartphone to play the game.

In this game, you control a player represented by a car emoji (🚗) and navigate through a map filled with trees (🌳) to reach a house (🏠). You can use the arrow keys on your smartphone's keypad to move the player up, down, left, or right. When you successfully reach the house, an alert will congratulate you. Enjoy the game!

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Map Simulator Game</title>
</head>
<body>
    <div id="game"></div>

// Game state
        let playerX = 1;
        let playerY = 1;

// Render the game
        function renderGame() {
            const gameElement = document.getElementById('game');
            gameElement.innerHTML = '';

for (let y = 0; y < map.length; y++) {
                for (let x = 0; x < map[y].length; x++) {
                    const tile = document.createElement('span');
                    tile.innerText = map[y][x];
                    gameElement.appendChild(tile);
                }
                gameElement.appendChild(document.createElement('br'));
            }
        }

// Handle player movement
        function movePlayer(direction) {
            let newX = playerX;
            let newY = playerY;

if (direction === 'up') {
                newY = Math.max(0, playerY - 1);
            } else if (direction === 'down') {
                newY = Math.min(map.length - 1, playerY + 1);
            } else if (direction === 'left') {
                newX = Math.max(0, playerX - 1);
            } else if (direction === 'right') {
                newX = Math.min(map[playerY].length - 1, playerX + 1);
            }

// Update player position if not blocked by a tree
            if (map[newY][newX] !== '🌳') {
                playerX = newX;
                playerY = newY;

// Check if the player reached the house
                if (map[playerY][playerX] === '🏠') {
                    alert('Congratulations! You reached the house!');
                }
            }

// Re-render the game
            renderGame();
        }

// Start the game
        renderGame();

// Handle player movement on touch/click events
        document.addEventListener('keydown', function(event) {
            if (event.key === 'ArrowUp') {
                movePlayer('up');
            } else if (event.key === 'ArrowDown') {
                movePlayer('down');
            } else if (event.key === 'ArrowLeft') {
                movePlayer('left');
            } else if (event.key === 'ArrowRight') {
                movePlayer('right');
            }
        });
    </script>
</body>
</html>
```