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.'s game | AI game creator

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

No:7873

155

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

以下は、指定された要件に基づいて実装されたローグライクゲームの例です。この例では、プレイヤーが階段を探して次のフロアに進み、敵と戦いながらアイテムを集めて強くなるようなゲームとなっています。

このプログラムは、10x10のフロアを作成し、その中をプレイヤーが移動するゲームです。プレイヤーは黄色、敵は赤色、アイテムは緑色、階段は青色で表示されます。プレイヤーは矢印キーを使って移動し、階段を見つけると次のフロアに進みます。敵と接触するとプレイヤーはダメージを受け、HPが0になるとゲームオーバーです。アイテムを取得するとレベルが上昇します。最後のフロアまでたどり着くと、ゲームクリアです。このプログラムは、HTMLファイル内にJavaScriptコードを含む1枚のHTMLファイルとして実装されています。ゲームとして実行可能であり、スマートフォンの操作にも対応しています。ただし、絵文字は使用していません。

→ 　

0　

0　

　
　
　
　

[PR]現在の人気グッズランキング

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

(C)2023 HisashiApp

以下は、指定された要件に基づいて実装されたローグライクゲームの例です。この例では、プレイヤーが階段を探して次のフロアに進み、敵と戦いながらアイテムを集めて強くなるようなゲームとなっています。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Roguelike Game</title>
  <style>
    .game {
      display: flex;
      flex-wrap: wrap;
    }
    .tile {
      width: 20px;
      height: 20px;
      border: solid 1px black;
    }
    .player {
      background-color: yellow;
    }
    .enemy {
      background-color: red;
    }
    .item {
      background-color: green;
    }
    .stair {
      background-color: blue;
    }
  </style>
</head>
<body>
  <div class="game">
  </div>

<script>
    var width = 10;
    var height = 10;
    var player = { x: 0, y: 0, hp: 5, level: 1 };
    var floorNumber = 1;
    var floors = generateFloors(5);
  
    function generateFloors(num) {
      var floors = [];
      for (var i = 0; i < num; i++) {
        var floor = [];
        for (var j = 0; j < width; j++) {
          var row = [];
          for (var k = 0; k < height; k++) {
            row.push({ type: 'tile' });
          }
          floor.push(row);
        }
        floors.push(floor);
      }
      return floors;
    }
  
    function draw() {
      var game = document.querySelector('.game');
      game.innerHTML = '';
  
      for (var i = 0; i < width; i++) {
        for (var j = 0; j < height; j++) {
          var tile = document.createElement('div');
          tile.className = 'tile';
  
          var cell = floors[floorNumber - 1][i][j];
  
          if (player.x === i && player.y === j) {
            tile.classList.add('player');
          } else if (cell.type === 'enemy') {
            tile.classList.add('enemy');
          } else if (cell.type === 'item') {
            tile.classList.add('item');
          } else if (cell.type === 'stair') {
            tile.classList.add('stair');
          }
  
          game.appendChild(tile);
        }
      }
    }
  
    function movePlayer(dx, dy) {
      var newX = player.x + dx;
      var newY = player.y + dy;
  
      if (newX >= 0 && newX < width && newY >= 0 && newY < height) {
        var newCell = floors[floorNumber - 1][newX][newY];
  
        if (newCell.type === 'enemy') {
          player.hp--;
          if (player.hp === 0) {
            alert('Game Over');
            restartGame();
            return;
          }
        } else if (newCell.type === 'item') {
          player.level++;
          alert('You leveled up!');
        } else if (newCell.type === 'stair') {
          if (floorNumber === floors.length) {
            alert('Congratulations! You finished the game!');
            restartGame();
            return;
          }
          floorNumber++;
          alert('You found the stairs. Moving to the next floor...');
        }
  
        player.x = newX;
        player.y = newY;
  
        draw();
      }
    }
  
    function restartGame() {
      player.x = 0;
      player.y = 0;
      player.hp = 5;
      player.level = 1;
      floorNumber = 1;
      floors = generateFloors(5);
      draw();
    }
  
    document.addEventListener('keydown', function(e) {
      if (e.key === 'ArrowUp') {
        movePlayer(0, -1);
      } else if (e.key === 'ArrowDown') {
        movePlayer(0, 1);
      } else if (e.key === 'ArrowLeft') {
        movePlayer(-1, 0);
      } else if (e.key === 'ArrowRight') {
        movePlayer(1, 0);
      }
    });
  
    draw();
  </script>
</body>
</html>
```

このプログラムは、10x10のフロアを作成し、その中をプレイヤーが移動するゲームです。プレイヤーは黄色、敵は赤色、アイテムは緑色、階段は青色で表示されます。プレイヤーは矢印キーを使って移動し、階段を見つけると次のフロアに進みます。敵と接触するとプレイヤーはダメージを受け、HPが0になるとゲームオーバーです。アイテムを取得するとレベルが上昇します。最後のフロアまでたどり着くと、ゲームクリアです。

このプログラムは、HTMLファイル内にJavaScriptコードを含む1枚のHTMLファイルとして実装されています。ゲームとして実行可能であり、スマートフォンの操作にも対応しています。ただし、絵文字は使用していません。