AI game creator

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

No:40697

←

Prev Next

→

A rougelike game
Developer User18214｜Date and time 24/2/3 22:59:40
Build time 12.272 sec｜Game capacity 3.628KB｜

Script

Sure! Here's an example of a simple rogue-like game implemented as a single HTML file using JavaScript. It is designed for smartphone operation and uses pictograms for graphics.

In this example, the game map is represented by a 2D array (`map`). The player is represented by a robot emoji (`🤖`), walls are represented by square emojis (`🔲`), and enemies are represented by alien emojis (`👾`). The player can move using the arrow keys, and their movements are displayed on the screen. Feel free to enhance and modify this code to make it a more complete and enjoyable game.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a simple rogue-like game implemented as a single HTML file using JavaScript. It is designed for smartphone operation and uses pictograms for graphics.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Rogue-like Game</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
            margin-top: 100px;
        }
        .player {
            font-size: 40px;
        }
        .wall {
            font-size: 40px;
            color: gray;
        }
        .enemy {
            font-size: 40px;
            color: red;
        }
    </style>
</head>
<body>
    <script>
        // Game map
        const map = [
            ['W', 'W', 'W', 'W', 'W', 'W', 'W', 'W', 'W'],
            ['W', '.', '.', '.', '.', '.', '.', '.', 'W'],
            ['W', '.', '.', 'E', '.', '.', 'E', '.', 'W'],
            ['W', '.', '.', '.', '.', '.', '.', '.', 'W'],
            ['W', '.', '.', 'E', '.', '.', 'E', '.', 'W'],
            ['W', '.', '.', '.', '.', '.', '.', '.', 'W'],
            ['W', '.', '.', 'E', '.', '.', 'E', '.', 'W'],
            ['W', '.', '.', '.', '.', '.', '.', '.', 'W'],
            ['W', 'W', 'W', 'W', 'W', 'W', 'W', 'W', 'W']
        ];

// Player position
        let playerX = 1;
        let playerY = 1;

// Game display function
        function displayGame() {
            let output = '';
            for (let row = 0; row < map.length; row++) {
                for (let col = 0; col < map[row].length; col++) {
                    if (row === playerY && col === playerX) {
                        output += `<span class="player">🤖</span>`;
                    } else if (map[row][col] === 'W') {
                        output += `<span class="wall">🔲</span>`;
                    } else if (map[row][col] === 'E') {
                        output += `<span class="enemy">👾</span>`;
                    } else {
                        output += `<span>.</span>`;
                    }
                }
                output += '<br>';
            }
            document.body.innerHTML = output;
        }

// Handle user input
        function handleInput(event) {
            switch (event.key) {
                case 'ArrowUp':
                    movePlayer(0, -1);
                    break;
                case 'ArrowDown':
                    movePlayer(0, 1);
                    break;
                case 'ArrowLeft':
                    movePlayer(-1, 0);
                    break;
                case 'ArrowRight':
                    movePlayer(1, 0);
                    break;
            }
        }

// Move player function
        function movePlayer(dx, dy) {
            const newX = playerX + dx;
            const newY = playerY + dy;

if (map[newY][newX] !== 'W') {
                playerX = newX;
                playerY = newY;
            }

displayGame();
        }

// Initialize game
        function initializeGame() {
            document.addEventListener('keydown', handleInput);
            displayGame();
        }

// Start the game
        initializeGame();

</script>
</body>
</html>
```

In this example, the game map is represented by a 2D array (`map`). The player is represented by a robot emoji (`🤖`), walls are represented by square emojis (`🔲`), and enemies are represented by alien emojis (`👾`). The player can move using the arrow keys, and their movements are displayed on the screen.

Feel free to enhance and modify this code to make it a more complete and enjoyable game.