AI game creator

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

No:38165

108

←

Prev Next

→

Rogue like
Developer User16419｜Date and time 24/1/23 2:07:23
Build time 18.059 sec｜Game capacity 3.882KB｜

Script

Como você solicitou um jogo estilo roguelike implementado em um único arquivo HTML, aqui está um exemplo básico de um roguelike simples:

Este é um exemplo bem simples de um roguelike onde o jogador, representado por um pictograma de uma pessoa, pode se movimentar pelo mapa (representado por outros pictogramas) usando as setas do teclado. O jogador não pode atravessar paredes (representadas por pictogramas de blocos pretos). Os inimigos são representados por pictogramas de alienígenas (`👾`) e o objetivo é chegar até o tesouro (representado por um pictograma de uma taça dourada `🏆`), evitando os inimigos. Este é apenas um exemplo básico e pode ser expandido e personalizado conforme desejado. Espero que isso tenha lhe dado uma boa base para começar a criar seu próprio jogo roguelike usando HTML e JavaScript.

←

Prev　Next

→ 　

Back　

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

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

Como você solicitou um jogo estilo roguelike implementado em um único arquivo HTML, aqui está um exemplo básico de um roguelike simples:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Roguelike</title>
  <style>
    /* Estilos para exibir os pictogramas */
    .player {
      font-size: 40px;
      color: blue;
    }

.enemy {
      font-size: 40px;
      color: red;
    }

.treasure {
      font-size: 40px;
      color: gold;
    }

.floor {
      font-size: 40px;
      color: gray;
    }

.wall {
      font-size: 40px;
      color: brown;
    }
  </style>
</head>
<body>
  <script>
    // Definindo constantes para os pictogramas
    const playerIcon = "🧑";
    const enemyIcon = "👾";
    const treasureIcon = "🏆";
    const floorIcon = "⬜";
    const wallIcon = "⬛";

// Definindo o mapa do jogo
    const map = [
      [wallIcon, wallIcon, wallIcon, wallIcon, wallIcon],
      [wallIcon, floorIcon, floorIcon, enemyIcon, wallIcon],
      [wallIcon, floorIcon, playerIcon, floorIcon, wallIcon],
      [wallIcon, floorIcon, floorIcon, floorIcon, wallIcon],
      [wallIcon, wallIcon, wallIcon, wallIcon, wallIcon]
    ];

// Definindo a posição atual do jogador
    let playerX = 2;
    let playerY = 2;

// Função para renderizar o mapa na página HTML
    function renderMap() {
      let output = "";

for (let y = 0; y < map.length; y++) {
        for (let x = 0; x < map[y].length; x++) {
          if (x === playerX && y === playerY) {
            output += `<span class="player">${playerIcon}</span>`;
          } else {
            switch (map[y][x]) {
              case wallIcon:
                output += `<span class="wall">${wallIcon}</span>`;
                break;
              case enemyIcon:
                output += `<span class="enemy">${enemyIcon}</span>`;
                break;
              case treasureIcon:
                output += `<span class="treasure">${treasureIcon}</span>`;
                break;
              default:
                output += `<span class="floor">${floorIcon}</span>`;
                break;
            }
          }
        }

output += "<br>";
      }

document.body.innerHTML = output;
    }

// Função para processar os comandos do jogador
    function processInput(key) {
      let newPlayerX = playerX;
      let newPlayerY = playerY;

switch (key) {
        case "ArrowUp":
          newPlayerY--;
          break;
        case "ArrowDown":
          newPlayerY++;
          break;
        case "ArrowLeft":
          newPlayerX--;
          break;
        case "ArrowRight":
          newPlayerX++;
          break;
        default:
          return;
      }

if (map[newPlayerY][newPlayerX] !== wallIcon) {
        playerX = newPlayerX;
        playerY = newPlayerY;
      }

renderMap();
    }

// Função para iniciar o jogo
    function startGame() {
      renderMap();

// Escuta os eventos de teclado para processar os comandos do jogador
      document.addEventListener("keydown", function(event) {
        processInput(event.key);
      });
    }

startGame();
  </script>
</body>
</html>
```

Este é um exemplo bem simples de um roguelike onde o jogador, representado por um pictograma de uma pessoa, pode se movimentar pelo mapa (representado por outros pictogramas) usando as setas do teclado. O jogador não pode atravessar paredes (representadas por pictogramas de blocos pretos).

Os inimigos são representados por pictogramas de alienígenas (`👾`) e o objetivo é chegar até o tesouro (representado por um pictograma de uma taça dourada `🏆`), evitando os inimigos.

Este é apenas um exemplo básico e pode ser expandido e personalizado conforme desejado. Espero que isso tenha lhe dado uma boa base para começar a criar seu próprio jogo roguelike usando HTML e JavaScript.