A real roguelike game where you have to find the stairs and go down to the next floor. Introduce the following concepts. Enemies, HP, stairs, floors, items, levels, combat, movement.'s game

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

No:7876

160

←

Prev Next

→

A real roguelike game where you have to find the s..ALL
Developer User4036｜Date and time 23/7/10 5:32:32
Build time 17.437 sec｜Game capacity 5.193KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Roguelike Game</title>
    <style>
        body {
            font-family: "Arial", sans-serif;
            font-size: 16px;
            line-height: 1.5;
        }
        #gameBoard {
            width: 300px;
            height: 300px;
            border: 1px solid black;
            display: flex;
            flex-wrap: wrap;
        }
        .tile {
            width: 20px;
            height: 20px;
            border: 1px solid lightgray;
        }
        .player {
            width: 20px;
            height: 20px;
            background-color: yellow;
        }
        .enemy {
            width: 20px;
            height: 20px;
            background-color: red;
        }
        .stairs {
            width: 20px;
            height: 20px;
            background-color: green;
        }
        .item {
            width: 20px;
            height: 20px;
            background-color: blue;
        }
    </style>
</head>
<body>

// Initialize game board
    var gameBoard = document.getElementById("gameBoard");
    for (var i = 0; i < boardSize; i++) {
        board[i] = [];
        for (var j = 0; j < boardSize; j++) {
            var tile = document.createElement("div");
            tile.className = "tile";
            board[i][j] = tile;
            gameBoard.appendChild(tile);
        }
    }

// Generate player
    player.x = Math.floor(Math.random() * boardSize);
    player.y = Math.floor(Math.random() * boardSize);
    board[player.y][player.x].className = "player";

// Generate enemies
    for (var i = 0; i < level; i++) {
        var enemyX = Math.floor(Math.random() * boardSize);
        var enemyY = Math.floor(Math.random() * boardSize);
        enemies.push({ x: enemyX, y: enemyY });
        board[enemyY][enemyX].className = "enemy";
    }

// Generate stairs
    stairs.x = Math.floor(Math.random() * boardSize);
    stairs.y = Math.floor(Math.random() * boardSize);
    board[stairs.y][stairs.x].className = "stairs";

// Generate items
    for (var i = 0; i < level; i++) {
        var itemX = Math.floor(Math.random() * boardSize);
        var itemY = Math.floor(Math.random() * boardSize);
        items.push({ x: itemX, y: itemY });
        board[itemY][itemX].className = "item";
    }

// Handle key events
    document.addEventListener("keydown", function (event) {
        var newX = player.x;
        var newY = player.y;

if (event.key === "ArrowUp" && player.y > 0) {
            newY = player.y - 1;
        }
        else if (event.key === "ArrowDown" && player.y < boardSize - 1) {
            newY = player.y + 1;
        }
        else if (event.key === "ArrowLeft" && player.x > 0) {
            newX = player.x - 1;
        }
        else if (event.key === "ArrowRight" && player.x < boardSize - 1) {
            newX = player.x + 1;
        }

if (newX !== player.x || newY !== player.y) {
            // Move player
            board[player.y][player.x].className = "tile";
            player.x = newX;
            player.y = newY;
            board[player.y][player.x].className = "player";

// Check for combat
            for (var i = 0; i < enemies.length; i++) {
                if (enemies[i].x === player.x && enemies[i].y === player.y) {
                    // Attack enemy
                    enemies.splice(i, 1);
                    board[player.y][player.x].className = "player";
                }
            }

// Check for item pickup
            for (var i = 0; i < items.length; i++) {
                if (items[i].x === player.x && items[i].y === player.y) {
                    // Remove item from board
                    items.splice(i, 1);
                    board[player.y][player.x].className = "player";
                }
            }

// Check for stairs
            if (stairs.x === player.x && stairs.y === player.y) {
                // Move to next floor
                level += 1;
                for (var i = 0; i < level; i++) {
                    var enemyX = Math.floor(Math.random() * boardSize);
                    var enemyY = Math.floor(Math.random() * boardSize);
                    enemies.push({ x: enemyX, y: enemyY });
                    board[enemyY][enemyX].className = "enemy";
                }
                for (var i = 0; i < level; i++) {
                    var itemX = Math.floor(Math.random() * boardSize);
                    var itemY = Math.floor(Math.random() * boardSize);
                    items.push({ x: itemX, y: itemY });
                    board[itemY][itemX].className = "item";
                }
                stairs.x = Math.floor(Math.random() * boardSize);
                stairs.y = Math.floor(Math.random() * boardSize);
                board[stairs.y][stairs.x].className = "stairs";
            }
        }
    });
</script>

</body>
</html>