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

No:7872

179

←

Prev Next

→

An old-fashioned roguelike game.
Developer User4036｜Date and time 23/7/10 5:28:14
Build time 10.904 sec｜Game capacity 3.386KB｜

Script

了解です。以下にJavaScriptを使用したローグライクゲームの例を示します。

Rogue-Like Game

この例では、単純な10x10のゲームボード上でプレイヤーと敵（エネミー）が表示されます。プレイヤーを移動させるために矢印キーを使用し、敵に接触した場合はゲームオーバーとなります。ゲームオーバー後も続けてプレイすることができます。

←

Prev　Next

→ 　

Back　

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

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

了解です。以下にJavaScriptを使用したローグライクゲームの例を示します。

```html
<!DOCTYPE html>
<html>
<head>
    <title>Rogue-Like Game</title>
    <style>
        body {
            font-family: "Courier New", monospace;
            background-color: #000;
            color: #fff;
            text-align: center;
        }
        
        #game-board {
            display: inline-block;
            margin-top: 50px;
        }
        
        .player {
            color: #ff0;
        }
        
        .enemy {
            color: #f00;
        }
    </style>
</head>
<body>
    <h1>Rogue-Like Game</h1>
    <div id="game-board"></div>
    <script>
        var rows = 10;
        var cols = 10;
        var playerX = Math.floor(Math.random() * cols);
        var playerY = Math.floor(Math.random() * rows);
        var enemyX = Math.floor(Math.random() * cols);
        var enemyY = Math.floor(Math.random() * rows);
        
        var gameBoard = document.getElementById("game-board");
        
        function drawBoard() {
            var boardStr = "";
            
            for (var i = 0; i < rows; i++) {
                for (var j = 0; j < cols; j++) {
                    if (i === playerY && j === playerX) {
                        boardStr += "🙂";
                    } else if (i === enemyY && j === enemyX) {
                        boardStr += "👾";
                    } else {
                        boardStr += ".";
                    }
                }
                boardStr += "<br>";
            }
            
            gameBoard.innerHTML = boardStr;
        }
        
        function handleKeyDown(event) {
            var key = event.key;
            
            switch (key) {
                case "ArrowUp":
                    if (playerY > 0) {
                        playerY--;
                    }
                    break;
                case "ArrowDown":
                    if (playerY < rows - 1) {
                        playerY++;
                    }
                    break;
                case "ArrowLeft":
                    if (playerX > 0) {
                        playerX--;
                    }
                    break;
                case "ArrowRight":
                    if (playerX < cols - 1) {
                        playerX++;
                    }
                    break;
            }
            
            if (playerX === enemyX && playerY === enemyY) {
                alert("Game Over!");
                resetGame();
            } else {
                drawBoard();
            }
        }
        
        function resetGame() {
            playerX = Math.floor(Math.random() * cols);
            playerY = Math.floor(Math.random() * rows);
            enemyX = Math.floor(Math.random() * cols);
            enemyY = Math.floor(Math.random() * rows);
            drawBoard();
        }
        
        drawBoard();
        window.addEventListener("keydown", handleKeyDown);
    </script>
</body>
</html>
```