Games · Devlog #03 · projeto pessoal

Masmorra

Um dungeon crawler isométrico em oito atos

Um dungeon crawler isométrico que roda numa aba do navegador, em HTML5 puro: oito atos jogáveis, combate, inventário, magias e missões, e um ferramental próprio de mapas em JSON.

Ilustração em pixel art: sala de masmorra em visão isométrica, com piso de pedra, tochas nas paredes, um baú dourado, uma escada descendo, um herói com cajado e um esqueleto.
Ilustração em pixel art feita para este post. Não é uma captura do jogo.

Um clássico numa aba

Os clássicos abriam em CD. Este abre numa aba. O Masmorra é um dungeon crawler isométrico, inspirado nos clássicos do gênero, que roda no navegador em HTML5 puro: sem instalar dezenas de gigabytes, sem criar conta e sem depender de framework.

Ele abre até sem servidor local: se você clicar direto no index.html, um fallback de dados carrega os mapas do mesmo jeito.

Oito atos

Oito atos jogáveis é escopo de jogo, não de protótipo. Eles se dividem em dois jeitos de fazer mapa:

  1. Atos I a VMapas desenhadosCada ato com o seu mapa feito à mão.
  2. Atos VI a VIIIMapas gerados por scriptCastelo, masmorras e salão do trono.

Para testar e mostrar, dá para pular de ato com Ctrl+1 a Ctrl+8.

O que tem dentro

Os sistemas de um dungeon crawler estão todos lá:

  • Combate
  • Inventário
  • Magias
  • Missões

O progresso tem save e load pelo teclado: Ctrl+S salva, Ctrl+L carrega.

Mapas em JSON

O que mais me interessa no projeto é o ferramental de mapas. Ele é próprio, e é isso que permite crescer o conteúdo sem reescrever o motor.

  • Mapas em JSON, legíveis e versionáveis.
  • Validador e exportador próprios para os mapas.
  • Scripts Node para gerar e validar mapas; os atos VI a VIII saem de script.
  • Fallback de mapa: sem servidor, o jogo carrega os dados do mesmo jeito.

O Node aparece só aqui e para servir os arquivos estáticos. O jogo em si é JavaScript com Canvas.

Ficha técnica

Status
Versão 1.0.0, jogável
Plataforma
Navegador, sem instalação e sem conta
Motor
JavaScript + HTML5 Canvas, sem framework
Ferramentas
Scripts Node para gerar e validar mapas
Atalhos
Ctrl+S / Ctrl+L (save/load), Ctrl+1…8 (atos)

Curte dungeon crawler, Canvas ou geração de mapas por script? Vamos conversar.

Me escreva