AI game creator

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

No:9758

←

Prev Next

→

Rouglike oldschool
Developer User4419｜Date and time 23/7/27 8:44:54
Build time 34.843 sec｜Game capacity 5.743KB｜

Script

Конечно, я могу создать игру в стиле рогалика (oldschool), используя JavaScript и визуальные пиктограммы. Вот пример решения:

Данный код представляет игру рогалик на веб-странице. Сетка игры имеет размер 10 на 8 клеток и содержит символы, представляющие игрока, препятствия и сокровище. Игрок может перемещаться по сетке стрелками на клавиатуре и его цель - добраться до сокровища, избегая препятствий. При нахождении сокровища выводится сообщение о победе, и игру можно снова начать.

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Roguelike Game</title>
    <style>
        body {
            font-family: monospace;
            text-align: center;
        }
        
        #game {
            background-color: black;
            color: white;
            width: 320px;
            height: 240px;
            display: flex;
            justify-content: center;
            align-items: center;
        }
    </style>
</head>
<body>
    <div id="game">
        <script>
            // Рогалик игра
            
            // Определение игровых символов
            const playerSymbol = "👾";
            const obstacleSymbol = "🚧";
            const treasureSymbol = "💎";
            
            // Инициализация игры
            let gameGrid = generateGameGrid(10, 8); // Создание игровой сетки 10x8
            
            // Инициализация игрока
            let playerPosition = { x: 0, y: 0 }; // Начальная позиция игрока
            
            // Генерация игровой сетки
            function generateGameGrid(width, height) {
                const grid = [];
                for (let y = 0; y < height; y++) {
                    const row = [];
                    for (let x = 0; x < width; x++) {
                        row.push(obstacleSymbol); // Заполняем сетку препятствиями
                    }
                    grid.push(row);
                }
                grid[Math.floor(height / 2)][Math.floor(width / 2)] = treasureSymbol; // Размещаем сокровище по середине сетки
                return grid;
            }
            
            // Отображение игровой сетки
            function renderGameGrid() {
                const gameContainer = document.getElementById("game");
                gameContainer.innerHTML = ""; // Очищаем контейнер игры перед обновлением
                
                for (let y = 0; y < gameGrid.length; y++) {
                    const rowElement = document.createElement("div");
                    for (let x = 0; x < gameGrid[y].length; x++) {
                        const cellElement = document.createElement("span");
                        cellElement.innerText = gameGrid[y][x];
                        rowElement.appendChild(cellElement);
                    }
                    gameContainer.appendChild(rowElement);
                }
                
                // Отображение игрока на сетке
                const playerCell = gameContainer.children[playerPosition.y].children[playerPosition.x];
                playerCell.innerText = playerSymbol;
            }
            
            // Обработка действий игрока
            document.addEventListener("keydown", function(event) {
                let newX = playerPosition.x;
                let newY = playerPosition.y;
                
                switch (event.keyCode) {
                    case 37: // LEFT
                        newX = Math.max(0, playerPosition.x - 1);
                        break;
                    case 38: // UP
                        newY = Math.max(0, playerPosition.y - 1);
                        break;
                    case 39: // RIGHT
                        newX = Math.min(gameGrid[0].length - 1, playerPosition.x + 1);
                        break;
                    case 40: // DOWN
                        newY = Math.min(gameGrid.length - 1, playerPosition.y + 1);
                        break;
                }
                
                if (gameGrid[newY][newX] === treasureSymbol) {
                    alert("Вы нашли сокровище! Поздравляю!");
                    resetGame();
                } else if (gameGrid[newY][newX] === obstacleSymbol) {
                    alert("Вы не можете пройти через препятствие!");
                } else {
                    gameGrid[playerPosition.y][playerPosition.x] = ""; // Очищаем старую позицию игрока
                    playerPosition.x = newX; // Обновляем координаты игрока
                    playerPosition.y = newY;
                    renderGameGrid();
                }
            });
            
            // Сброс игры
            function resetGame() {
                gameGrid = generateGameGrid(10, 8);
                playerPosition = { x: 0, y: 0 };
                renderGameGrid();
            }
            
            // Инициализация игры при загрузке
            renderGameGrid();
        </script>
    </div>
</body>
</html>
```